IT-lexikon › Programmering › Easing

Easing

Programmering In English → Uppdaterad: 2026-10-24

En funktion som formar en animations tempo — mjukstart, mjukstopp, översläng — i stället för en mekanisk konstant hastighet.

Linjär rörelse ser död ut; verkliga ting accelererar och bromsar. En easing-funktion mappar om en normaliserad tid t (0→1) till ett framstegsvärde som inte behöver vara linjärt: ease-in börjar långsamt, ease-out slutar långsamt, ease-in-out gör bådadera. Vanliga kurvor är polynomiella (kvadratiska, kubiska), sinusformade, exponentiella och fjäderlika funktioner som skjuter över och svänger in.

Robert Penners easing-ekvationer (2002) blev de facto-biblioteket, kopierat in i Flash, CSS och otaliga motorer; CSS exponerar dem via cubic-bezier() och nyckelord som ease-in-out. Att välja kurva är lika mycket hantverk som matematik — det är det som får ett gränssnitt att kännas följsamt snarare än trögt eller tvärt.

← Tillbaka till lexikonet