CSS 베지어 곡선 편집기

CSS 베지어 곡선 편집기 사용법

CSS 베지어 곡선 편집기. 제어점을 드래그하거나 방향키로 조절하세요. Shift를 누르면 이동 간격이 커집니다.

1. 위에서 색상·텍스트·숫자를 조절하세요.
2. 설정을 바꾸며 미리보기 결과를 비교하세요.
3. 결과를 복사하거나 기기에 다운로드하세요.

CSS 베지어 곡선 편집기 · 예제

{
  "x1": 0.25,
  "y1": 0.1,
  "x2": 0.25,
  "y2": 1
}

animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

사용 시 참고

파일과 입력은 이 브라우저에서 처리됩니다. 업로드나 계정이 필요 없습니다.