CSS 이징 곡선 생성기

제어점을 드래그해 cubic-bezier 이징을 만들고, 실제 움직임을 확인하세요.

곡선 위·아래의 두 제어점을 드래그하세요. 결과를 transition-timing-function이나 animation-timing-function에 사용하세요. 모든 처리는 브라우저에서만 이루어집니다.