디자인

Cubic-Bezier 이징 편집기

끌어서 옮기는 핸들과 실시간 미리보기로 CSS 이징 곡선 설계 기기에서 실행됩니다 — 업로드되지도, 저장되지도 않습니다.

곡선 편집기

두 핸들을 드래그해 이징 곡선의 모양을 조절하세요.

프리셋

제어점 값

지속 시간1s

애니메이션 미리보기

CSS 출력

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

CSS에서 transition-timing-function 또는 animation-timing-function 값으로 사용하세요.

Cubic-Bezier 이징 편집기 소개

끌어서 옮기는 핸들과 실시간 미리보기로 CSS 이징 곡선 설계

Cubic-Bezier 이징 편집기, BrowseryTools의 디자인·비주얼 카테고리에 있는 무료 도구입니다. 이 도구는 전적으로 브라우저 안에서 실행됩니다. 입력한 내용은 사용자의 기기에서 처리되며 서버로 업로드되지 않습니다. 가입도, 광고도, 워터마크도 없고 페이지가 한 번 로드된 뒤에는 연결이 없어도 계속 사용할 수 있습니다.