Saltar al contenido

📈 Editor CSS cubic-bezier

Arrastra los dos puntos de control para editar la curva cubic-bezier.

✅ 100% gratis · sin registro · nada se envia al servidor

🔒 Sobre la privacidad

0 1 0 1

Arrastra los puntos azul y rosa

Vista previa

Preajustes

📖 Cómo usar

  1. 1
    Arrastra los puntos de control
    Arrastra los dos puntos para reformar la curva.
  2. 2
    Previsualiza el movimiento
    Pulsa Play para ver la animacion.
  3. 3
    Copia el CSS
    Copia el snippet generado.

❓ Preguntas frecuentes

¿Se envian mis datos al servidor?
No. Todo se ejecuta en tu navegador.
¿Y puede salirse del rango 0-1?
Si. Y puede salir para efectos de rebote. X debe estar en 0-1.
¿Donde puedo usarlo?
En las propiedades transition-timing-function y animation-timing-function.

🔗 Herramientas relacionadas