8 Übergänge & Animationen

42 Elastische Übergänge

Das Problem

Sogenannte »elastische« Übergänge und Animationen (also solche, die »nachfedern«) sind eine beliebte Methode, Schnittstellen spielerischer und realistischer erscheinen zu lassen. Bewegt sich ein Objekt im wahren Leben, so gelangt es selten ohne jede Elastizität von A nach B.

Warum sollte man überhaupt Transforms benutzen und nicht irgendeine andere CSS-Eigenschaft wie top oder margin-top? Beim Schreiben dieses Buchs waren die Übergänge mit Transforms sanfter, während andere CSSEigenschaften die Tendenz hatten, an den Pixelgrenzen »einzurasten«.

Technisch gesehen spricht man von einem Nachfeder-Effekt (bounce ...

Get CSS Secrets now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.