콘텐츠로 건너뛰기

📈 CSS cubic-bezier 에디터

두 개의 컨트롤 포인트를 드래그하여 cubic-bezier 편집. 애니메이션으로 확인.

✅ 완전 무료 · 가입 불필요 · 서버 전송 없음

🔒 개인정보 보호

0 1 0 1

파란색과 분홍색 점을 드래그

미리보기

프리셋

📖 사용법

  1. 1
    컨트롤 포인트 드래그
    두 점을 드래그하여 곡선 변형.
  2. 2
    미리보기로 확인
    재생 버튼으로 실제 이징 확인.
  3. 3
    CSS 복사
    생성된 스니펫을 복사.

❓ 자주 묻는 질문

데이터가 서버로 전송됩니까?
아니요. 모두 브라우저 내에서 처리됩니다.
Y 좌표가 0-1 범위 밖이어도 유효합니까?
예. Y는 범위 밖 가능. X는 0-1 제한.
어디서 사용할 수 있습니까?
transition / animation timing function에서 사용.
🐛 이 도구에서 문제가 발생했나요?

무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.

※ 재현을 위해 브라우저 정보 (UA / 화면 / 언어 / URL) 가 자동 전송됩니다