Bézier cúbico CSS
Calcule Bézier cúbico CSS online grátis com a fórmula exata e um exemplo resolvido. Sem cadastro.
Bézier cúbico CSS
x1
y1
x2
y2
Tempo de animação decorrido%
Duração da animaçãoms
Progresso da animação
80,2403%
CSS
cubic-bezier(0.25, 0.1, 0.25, 1)
Instante
150ms
Progresso em 25 / 50 / 75%
40.9 / 80.2 / 96%
Mais sobre: Bézier cúbico CSS
O que calcula
A calculadora «Bézier cúbico CSS» calcula Progresso da animação em % a partir de 6 parâmetros: x1, y1, x2, y2, tempo de animação decorrido (%), duração da animação (ms).
Cálculos de TI padrão para desenvolvedores e administradores.
Exemplo de cálculo
Com os parâmetros x1 = 0,25, y1 = 0,1, x2 = 0,25, y2 = 1, Tempo de animação decorrido = 50 %, Duração da animação = 300 ms o resultado é 80,24 %.
Como usar
- Digite x1, y1, x2, y2, tempo de animação decorrido e duração da animação — cada campo acima é ajustável com um controle deslizante.
- Progresso da animação (%) é calculado automaticamente conforme você digita.
- Confira o exemplo abaixo para ver a fórmula aplicada a números reais.
- Copie o resultado ou salve esta calculadora nos favoritos.
Calculadoras relacionadas
Perguntas frequentes
Como calcular Bézier cúbico CSS?
A calculadora de Bézier cúbico CSS calcula Progresso da animação (em %) a partir de x1, y1, x2, y2, tempo de animação decorrido, duração da animação. Digite seus valores acima e a fórmula exata é aplicada na hora; abaixo há um exemplo resolvido com números reais.
A calculadora de Bézier cúbico CSS é gratuita?
Sim. É totalmente gratuita, não exige cadastro, funciona no seu navegador e não envia dados para nenhum servidor.
Mais calculadoras desta categoria
Explore outras ferramentas gratuitas