[CSS] Transition

Transition

transition-property : 트랜지션 속성

css속성 중 어떤 속성에 트랜지션을 적용할 것인지 선택하는 것입니다.

         

transition-duration : 트랜지션 시간

  

transition-timing-function : 트랜지션 타이밍 함수

트랜지션 효과의 시작과 중간, 그리고 끝에서의 속도 곡선을 선택합니다.

- ease : 처음에는 천천히 시작, 점점 빨라지다 마지막 천천히

- linear : 시작부터 끝까지 똑같은 속도

- ease-in : 시작을 느리게

- ease-out : 느리게 끝남

- ease-in-out : 느리게 시작하고 느리게 끝남

- cubic-bezier(n,n,n,n) - 직접 bezier 함수를 정의해서 사용

transition-delay : 트랜지션 지연시간

트랜지션 속기형

transition(property duration timing-function delay)