CSS cubic-bezier 생성기
이 CSS cubic-bezier 생성기는 P1, P2 제어점을 드래그하거나 정확한 값을 입력해 transition과 animation에 사용할 timing function을 실시간으로 만드는 시각적 곡선 편집기입니다. 자주 쓰는 easing 프리셋과 곡선 다이어그램도 포함되어 있어 빠르게 적용하고 미세 조정할 수 있습니다.
cubic-bezier editor
Drag P1 / P2 or edit the numbers directly.
Current value
{{ bezierValue }}
미리보기
{{ bezierValue }}The dot and card use the generated timing function.
Presets
Click a preset to apply it.CSS
Copied!