css transition이 뭐에요?
css transition은 css 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공한다.
속성 변경이 바로 적용되는 것이 아니라 일정 시간에 거쳐서 일어나게 하는 거이다.
- transition-property : 변화를 적용할 css속성을 지정
- transition-duration : 변화가 시작된 시점부터 끝날 시점까지의 시간을 지정
- transition-timing-function : 변화 속도의 패턴을 지정
- transition-delay : 변화를 시작할 시간 지정
출처