⌒

CSS Easing Generator

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

Je bestanden blijven op dit apparaat

Bestanden worden in je browser verwerkt, nooit geüpload. De site downloadt de benodigde code en bestanden. Geen accounts of trackers.

Gebruik Downloaden om deze tool als één HTML-bestand op te slaan voor offline gebruik.

preset

resultaat

uitvoer

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.

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.