Cubic Bezier 생성기
두 개의 핸들을 드래그하여 CSS 이징 곡선을 만들어 보세요. linear 타이밍과 움직임을 비교하고 트랜지션이나 Tailwind용 cubic-bezier()를 복사할 수 있습니다.
곡선 편집기
핸들 중 하나를 드래그하세요. 점선은 linear 타이밍입니다.
동작 미리보기
내 곡선
Linear
지속 시간의 10분의 1마다의 위치
transition: transform 1000ms ease; /* or */ animation-timing-function: ease;
모든 처리는 브라우저 안에서 이루어집니다.
관련 도구
형식 참고 자료
도구 페이지 업데이트: