Projektowanie

Edytor krzywych cubic-bezier

Projektuj krzywe easing CSS przeciąganymi uchwytami, z podglądem na żywo Działa na urządzeniu — nic nie jest wysyłane ani zapisywane.

Edytor krzywej

Przeciągaj dwa uchwyty, aby kształtować krzywą.

Gotowe ustawienia

Wartości punktów kontrolnych

Czas trwania1s

Podgląd animacji

Wynikowy kod CSS

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

Użyj jako transition-timing-function lub animation-timing-function w kodzie CSS.

Powiązane

Generator CSS clip-pathProjektowanie Generator glassmorfizmuProjektowanie Generator blobów SVGProjektowanie

O narzędziu: Edytor krzywych cubic-bezier

Projektuj krzywe easing CSS przeciąganymi uchwytami, z podglądem na żywo

Edytor krzywych cubic-bezier to bezpłatne narzędzie z kategorii „Projektowanie i grafika” w serwisie BrowseryTools. Działa w całości w Twojej przeglądarce: to, co mu przekażesz, jest przetwarzane na Twoim własnym urządzeniu i nigdy nie trafia na serwer. Nie ma rejestracji, reklam ani znaków wodnych, a po wczytaniu strony narzędzie działa dalej nawet bez połączenia.