Generador Cubic Bezier
Diseña funciones de temporización CSS cubic-bezier con un editor de curvas interactivo, vista previa de animación y presets.
Editor de curva
Presets
Puntos de control
P1
P2
Vista previa de animación
s
Traducción
Escala
Opacidad
Salida CSS
Ctrl+Enter ejecutarCtrl+Shift+C copiar
Más información
Generador de Bezier cubico: easing de animacion CSS visual
Las curvas de Bezier cubicas controlan como se sienten las animaciones CSS. Aprende a crear easing personalizado.
Que son las curvas de Bezier cubicas?
Una curva de Bezier cubica es una funcion matematica utilizada en CSS para definir el tiempo de las animaciones y transiciones. Escrita como cubic-bezier(x1, y1, x2, y2), describe como una animacion progresa de principio a fin mapeando el tiempo al progreso a lo largo de una curva suave definida por cuatro puntos de control.
5 min de lecturaLeer la guía completa