CSS Types

CSS Types

Editing

〈easing-function〉

애니메이션 중 1차원 값이 얼마나 빠르게 변화하는 지를 설명하는 수학 함수를 나타낸다. 이를 통해 움직임의 지속 시간에 대한 속도 변화를 줄 수가 있다.

사용되는 키워드

키워드요약
ease

천천히 시작하여 빠르게 가속한 후 천천히 종료한다.

ease-in

천천히 시작하여 끝까지 가속한 다음 종료 시점에 갑자기 중지한다.

ease-in-out

천천히 시작하여 가속했다가 끝으로 갈수록 느려진다.

ease-out

갑자기 빠르게 시작했다가 천천히 종료한다.

관련 함수들

관련 속성들

버전 명세

Modules
Module NameStatusSummary
CSS Easing Functions Level 1후보 추천 초안

어떤 값의 속도 변화를 제어하는 변환을 정의하는 방법을 설명한다.


Last review date: 2022-6-6

지원 웹브라우저