ToolPilot
Diseño

Generador de curvas cubic-bezier

Ajusta visualmente curvas de aceleración CSS y previsualiza la animación antes de copiar el código.

Arrastra los dos puntos de control para dar forma a la aceleración de una transición. Compara curvas lineales, ease-in, ease-out y de tipo rebote.

Cargando la herramienta…
Privacidad: Una utilidad de ToolPilot rápida y privada. Tus datos se procesan localmente en tu navegador siempre que sea posible.

Cómo

  1. 1Arrastra los puntos de control o escribe valores.
  2. 2Reproduce la animación de vista previa.
  3. 3Copia la función de temporización cubic-bezier.

Preguntas frecuentes

¿Qué hacen los valores mayores que 1?

Crean un sobreimpulso que hace que el elemento pase de su objetivo y luego vuelva a su posición.

¿Se suben mis archivos a un servidor?

No. Esta herramienta se ejecuta por completo en tu navegador con JavaScript y WebAssembly cuando es necesario. Tus archivos y tu texto nunca salen de tu dispositivo.

Ayúdanos a mejorar

Mejoramos nuestras herramientas con regularidad. ¿Encontraste un problema o tienes una sugerencia? Te escuchamos.

Herramientas relacionadas

🎨

Selector de color + HEX/RGB/HSL

🎯

Convertidor HEX / RGB / HSL

🌈

Generador de paletas

🌊

Generador de degradados CSS