N's Webtools
Strona główna
📈

Edytor CSS Easing / Krzywa Béziera

Wizualnie edytuj funkcje czasowe cubic-bezier() z podglądem animacji

Predefiniowane

Porównaj

linear
ease
custom

Jak używać

Przeciągnij czerwone i zielone punkty kontrolne, aby ukształtować krzywą. Użyj predefiniowanych ustawień dla popularnych easingów. Podgląd animacji i porównanie z linear/ease.

  • Wizualny edytor krzywej z przeciąganiem
  • 9 predefiniowanych easingów
  • Podgląd animacji z kontrolą czasu
  • Porównanie obok siebie (linear/ease/niestandardowy)

Zastosowania

  • Dostrajanie czasu przejść CSS
  • Porównywanie krzywych easing
  • Prototypowanie płynnych animacji

Udostępnij

Powiązane narzędzia