CSS 이징 에디터
애니메이션 속도 곡선(cubic-bezier)을 눈으로 조절해 CSS로 복사합니다.
미리보기
CSS
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
프리셋
곡선 핸들(P1·P2)을 드래그해 직접 조절할 수도 있어요.
animation
곡선을 조절하고 [실행]을 누르면 여기에 쌓여요.
애니메이션 속도 곡선(cubic-bezier)을 눈으로 조절해 CSS로 복사합니다.
미리보기
CSS
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
곡선 핸들(P1·P2)을 드래그해 직접 조절할 수도 있어요.
곡선을 조절하고 [실행]을 누르면 여기에 쌓여요.