Generatore Cubic Bezier
Progetta funzioni di temporizzazione CSS cubic-bezier con un editor di curve interattivo, anteprima animazione e preset easing.
Editor curva
Preset
Punti di controllo
P1
P2
Anteprima animazione
s
Traslazione
Scala
Opacità
Output CSS
Ctrl+Enter eseguireCtrl+Shift+C copiare
Per saperne di più
Generatore di Bezier cubico: easing di animazione CSS visivo
Le curve di Bezier cubiche controllano le animazioni CSS. Impara a creare easing personalizzato.
Cosa sono le curve di Bezier cubiche?
Una curva di Bezier cubica e una funzione matematica utilizzata in CSS per definire il timing delle animazioni e delle transizioni. Scritta come cubic-bezier(x1, y1, x2, y2), descrive come un'animazione progredisce dall'inizio alla fine mappando il tempo sul progresso lungo una curva liscia definita da quattro punti di controllo.
5 min di letturaLeggi la guida completa