큐빅 베지어 이징 생성기
두 개의 제어점을 드래그해 커스텀 이징 곡선을 디자인하면 실시간 애니메이션 미리보기로 움직임을 바로 확인할 수 있으며, Ease, Ease In, Ease Out, Material Standard 같은 자주 쓰이는 프리셋도 제공됩니다. 완성한 곡선의 정확한 cubic-bezier CSS 값을 복사하세요.
디자인·CSS 도구 브라우저에서 완전히 실행
모든 처리는 사용자의 기기에서 이루어지며, 서버로 전송되지 않습니다.
두 점 중 하나를 드래그해 이징 곡선을 조정하세요
프리셋
CSS 코드
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);