똑같은 삽질은 2번 하지 말자
hover 이벤트 transition 주는 방법 본문
a {
color: #1abc9c;
text-decoration: none;
background-color: transparent;
transition: color 0.8s; /* For modern browsers */
}
a:hover {
color: #117964;
text-decoration: underline;
}a 태그 hover시 color 변하는 딜레이를 0.8초 줘서 애니메이션 효과 넣어준다.
'CSS' 카테고리의 다른 글
| flexbox 를 이용한 하나의 그룹에서 주변의 요소를 크기를 고려한 스크롤이 만들어지게 하는방법 (0) | 2021.07.17 |
|---|---|
| 플러그인의 태그내용을 나의 CSS에서 바꾸기(가상요소) (0) | 2020.09.12 |
| min.css / min.js 를 하는 이유 (0) | 2020.01.13 |
| (반응형 웹)@media 미디어 쿼리 (0) | 2020.01.12 |
| z-index 태그 요소 보이는 순서를 결정 (0) | 2019.11.13 |
'CSS' Related Articles
more
Comments