기본값
ease
설명
트랜지션 효과를 위한 수치 함수를 지정한다.
3. transition-timing-function
트랜지션 효과의 변화 흐름, 시간에 따른 변화 속도와 같은 일종의 변화의 리듬을 지정한다.
대부분의 타이밍 함수는 큐빅 베이지어(cubic bezier)를 정의하는 네 점에 의해 정의되므로 상응하는 함수의 그래프로 제공해서 명시할 수 있다. transition-timing-function 프로퍼티값으로 미리 정해둔 5개의 키워드가 제공된다. 기본값은 ease이다.
| 프로퍼티값 | 효과 | 그래프 |
|---|---|---|
기본값. 느리게 시작하여 점점 빨라졌다가 느리지면서 종료한다. | ||
시작부터 종료까지 등속 운동을 한다. | ||
느리게 시작한 후 일정한 속도에 다다르면 그 상태로 등속 운동한다. | ||
일정한 속도의 등속으로 시작해서 점점 느려지면서 종료한다. | ||
ease와 비슷하게 느리게 시작하여 느리지면서 종료한다. |