.item { transition: color 0.2s ease-in-out, transform 0.4s ease-in-out; }
이렇게 css trassition이 많은 경우 한 번에 효과를 정리할 수가 있습니다.
.item { transition: all 0.2s ease-in-out; }
줄여서 사용하면 css 코드가 좀 더 간결해지겠죠 :)
'Coding Tutorial > HTMLㆍCSS' 카테고리의 다른 글
CSS background color 에만 불투명도 적용하기 (0) | 2019.06.27 |
---|---|
CSS 모서리 둥글게 만들수 있어요 (0) | 2019.06.27 |
[CSS] 라인 스크롤 키프레임 애니메이션 (0) | 2019.06.07 |
[CSS] 페이지 혹은 이미지 로드시 서서히 나타나는 페이드 효과 (0) | 2019.06.07 |
맑은고딕 웹 폰트 적용하기 (0) | 2019.05.23 |
댓글