IT-lexicon › Programmeren › Easing

Easing

Programmeren Svenska → Bijgewerkt: 2026-10-24

Een functie die het tempo van een animatie vormgeeft — langzaam beginnen, langzaam eindigen, doorschieten — in plaats van een mechanisch constante snelheid.

Lineaire beweging ziet er dood uit; echte dingen versnellen en vertragen. Een easingfunctie zet een genormaliseerde tijd t (0→1) om in een voortgangswaarde die niet lineair hoeft te zijn: ease-in begint langzaam, ease-out eindigt langzaam, ease-in-out doet beide. Gangbare curves zijn polynomiaal (kwadratisch, kubisch), sinusoïdaal, exponentieel en veerachtige functies die doorschieten en tot rust komen.

De easingvergelijkingen van Robert Penner (2002) werden de de-factostandaard en belandden in Flash, CSS en ontelbare engines; CSS biedt ze aan via cubic-bezier() en trefwoorden als ease-in-out. De juiste curve kiezen is net zozeer vakmanschap als wiskunde — het maakt het verschil tussen een interface die vlot aanvoelt en een die traag of schokkerig is.

← Terug naar het lexicon