Functions

Easing Functions

개요

animation, transition 속성은 설정된 시간 동안 애니메이션 효과를 만들어 주는 속성이다. 애니메이션이 작동할 때 때로는 속도 변화를 주면 극적 효과를 만들어 낼 수도 있다. CSS는 속도 변화를 주기 위한 몇 가지 키워드를 제공하지만 좀 더 다양한 속도 변화를 주고자 할 때는 내장된 함수를 사용하는 게 좋다.

관련 함수

  • cubic-bezier()

    애니메이션 중 1차원 값이 얼마나 빠르게 변화하는 지를 설명하는 수학 함수를 나타낸다.
  • steps()

    주어진 애니메이션 시간을 길이가 동일한 지정된 수의 간격으로 나누어서 동작을 만든다.

W3C Modules

CSS Easing Functions Level 1
W3C Candidate Recommendation Draft, 13 February 2023