¿Se pueden usar valores superiores a 1.0 para crear rebote (bounce)?

Sí, los valores en el eje Y pueden sobrepasar 1.0 para generar un efecto elástico de retroceso.

¿Vienen incluidos preajustes populares como easeOutExpo?

Sí, cuentas con los preajustes habituales de la industria para cargarlos al instante.

Easing Curve Presets

Control Handle 1 (P1)(0.34, 1.56)

X1 (Time Progression)0.34

Y1 (Value Intensity)1.56

Control Handle 2 (P2)(0.64, 1)

X2 (Time Progression)0.64

Y2 (Value Intensity)1

Test Duration1.2s

Bezier Curve Graph

cubic-bezier(0.34, 1.56, 0.64, 1)

Velocity Simulator Race

Custom Cubic-Bezier Easing

★

Linear Constant Reference (0, 0, 1, 1)

—

transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);

1Mueve los dos puntos de control en la cuadrícula para esculpir la curva de aceleración.
2Haz clic en el botón de prueba para comparar la velocidad con las curvas estándar.
3Copia la propiedad CSS `transition-timing-function: cubic-bezier(...)`.

Las curvas cúbicas personalizadas proporcionan sensación de peso, inercia y rebote natural a botones, menús y modales.

Mathematical Bezier Spline calculation: Precise third-order polynomial curve interpolation.
Elastic Overshoot & Anticipation support: Allows Y coordinates outside [0, 1] for physics-based spring bounce.
Visual Dual-Track Motion Simulator: Directly compares customized easing against constant linear velocity.
Tailwind Arbitrary Syntax generator: Outputs clean, copy-ready [transition-timing-function:cubic-bezier(...)] utility.

Diseña tarjetas con efecto de cristal esmerilado con desenfoque en tiempo real

Diseña sombras multicapa realistas y suaves con profundidad inset personalizable

Crea degradados lineales, radiales y cónicos con controles de color interactivos

Modela formas orgánicas y asimétricas usando la sintaxis avanzada de 8 valores