Generator Cubic Bezier

Projektuj funkcje czasowe CSS cubic-bezier z interaktywnym edytorem krzywych, podglądem animacji i presetami easing.

Edytor krzywej

Presety

Punkty kontrolne

Podgląd animacji

Przesunięcie

Skala

Przezroczystość

Wyjście CSS

transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);
animation-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);

Ctrl+Enter uruchomCtrl+Shift+C kopiuj

Dowiedz się więcej

Generator krzywych Beziera: wizualny easing animacji CSS

Krzywe Beziera kontroluja odczucie animacji CSS. Dowiedz sie, jak punkty kontrolne ksztaltuja ruch.

Czym sa krzywe Beziera szescienne?

Krzywa Beziera szescienna to funkcja matematyczna uzywana w CSS do definiowania czasu animacji i przejsc. Zapisana jako cubic-bezier(x1, y1, x2, y2), opisuje, jak animacja postepuje od poczatku do konca, mapujac czas na postep wzdluz gladkiej krzywej zdefiniowanej przez cztery punkty kontrolne.

5 min czytaniaPrzeczytaj pełny poradnik

Powiązane narzędzia

Czy wiesz, że?

Generator haseł

Bezpieczeństwo

Generuj silne, losowe hasła z konfigurowalną długością, zestawami znaków i generacją masową.

Generator haseł

Generator UUID

Generator liczb losowych