CSS Types

CSS Types

Editing

<cubic-bezier-easing-function>

3차 베지어 곡선을 나타내는 값으로 움직임이 발생시 속도 변화를 나타낸다.

구문

  • CSS Easing Functions Level 1
    ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)

사용되는 키워드

키워드요약
ease

천천히 시작하다 빠르게 진행하며 천천히 종료한다.

ease-in

천천히 효과를 시작한다.

ease-in-out

천천히 효과를 시작하고 종료한다.

ease-out

천천히 효과를 종료한다.

관련 함수

버전 명세

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

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


Last review date: 2022-6-6