Generador de cubic-bezier CSS — gratis y online
Quieres que una animación se sienta justo bien: ni demasiado rápida, ni demasiado brusca. Pero adivinar los números del cubic-bezier a mano es un fastidio. Añadimos una herramienta gratuita para que dibujes la curva en vez de adivinarla — CSS Cubic-Bezier Generator — directamente en tu navegador.
Qué hace
Tienes una curva bezier interactiva con dos puntos de control. Arrástralos y el suavizado cambia al momento, así defines exactamente cómo acelera y frena tu animación. Cuando la curva te convence, te llevas el valor CSS correspondiente.
Nada sale de tu dispositivo
Todo funciona en tu navegador. No se sube nada ni se guarda en ningún servidor. Solo abres la página y juegas con la curva.
Cómo se usa
- Abre CSS Cubic-Bezier Generator.
- Arrastra los dos puntos hasta que la curva quede como quieres.
- Copia el valor cubic-bezier y pégalo en tu CSS.
Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.