Bézier cúbico CSS
Calcula Bézier cúbico CSS online gratis con la fórmula exacta y un ejemplo resuelto. Sin registro.
Bézier cúbico CSS
x1
y1
x2
y2
Tiempo de animación transcurrido%
Duración de la animaciónms
Progreso de la animación
80,2403%
CSS
cubic-bezier(0.25, 0.1, 0.25, 1)
Instante
150ms
Progreso al 25 / 50 / 75 %
40.9 / 80.2 / 96%
Más sobre: Bézier cúbico CSS
Qué calcula
La calculadora «Bézier cúbico CSS» calcula Progreso de la animación en % a partir de 6 parámetros: x1, y1, x2, y2, tiempo de animación transcurrido (%), duración de la animación (ms).
Cálculos de IT estándar para desarrolladores y administradores.
Ejemplo de cálculo
Con los parámetros x1 = 0,25, y1 = 0,1, x2 = 0,25, y2 = 1, Tiempo de animación transcurrido = 50 %, Duración de la animación = 300 ms el resultado es 80,24 %.
Cómo usar
- Introduce x1, y1, x2, y2, tiempo de animación transcurrido y duración de la animación — cada campo de arriba se ajusta con un control deslizante.
- Progreso de la animación (%) se calcula automáticamente mientras escribes.
- Consulta el ejemplo de abajo para ver la fórmula aplicada a números reales.
- Copia el resultado o guarda esta calculadora en marcadores.
Calculadoras relacionadas
Preguntas frecuentes
¿Cómo se calcula Bézier cúbico CSS?
La calculadora de Bézier cúbico CSS calcula Progreso de la animación (en %) a partir de x1, y1, x2, y2, tiempo de animación transcurrido, duración de la animación. Introduce tus valores arriba y se aplica la fórmula exacta al instante; abajo se muestra un ejemplo resuelto con números reales.
¿La calculadora de Bézier cúbico CSS es gratis?
Sí. Es totalmente gratuita, no requiere registro, funciona en tu navegador y no envía datos a ningún servidor.
Más calculadoras de esta categoría
Explora otras herramientas gratuitas