UTILS.
100% in de browser

CSS Easing Generator

Kies of bouw een cubic-bezier easing en speel die af op een geanimeerd voorbeeldstipje.

Over deze tool

Kies een preset of voer de vier controlepunten in om een cubic-bezier easing te maken en zie die animeren, helemaal in je browser.

Veelgestelde vragen

Wat doen de presets?
Elke preset vult de vier controlepunten in voor een standaardcurve zoals ease-in of linear, die je daarna kunt verfijnen.
Hoe zie ik de easing opnieuw?
Druk op Opnieuw afspelen om de stipanimatie opnieuw uit te voeren met de huidige timing-functie.

Meer tools