◾ Transitions
→ 어떤 상태에서 다른 상태로 가는 변화를 애니메이션화 하는 것
→ state 가 없는 요소에 붙어야함
→ transition: background-color 10s ease-in-out
→ transition: all 3s ease-in-out // 일반적으로 all 을 많이 사용
linear
→ 무언가를 직선으로 움직이게 만들어줌
→ 쭉 고정적인 속도
ease-in-out
→ 천천히 빠르게 천천히
'CSS 마스터하기 > CSS' 카테고리의 다른 글
[CSS] Animation(애니메이션) 마스터하기 (0) | 2024.04.05 |
---|---|
[CSS] Transform(변환) 마스터하기 (0) | 2024.04.05 |
[CSS] color(:root) 마스터하기 (0) | 2024.04.05 |
[CSS] state 마스터하기 (0) | 2024.04.05 |
[CSS] position 마스터하기 (0) | 2024.04.04 |