Image

9 Transitions und Animations

Gerne verwendet man bestimmte Effekte beim Hovern: Ein anderes Hintergrundbild wird angezeigt, die Farbe ändert sich, ein Button erscheint eingedrückt oder Ähnliches passiert. Allerdings finden die Änderungen normalerweise immer sofort statt und wirken dadurch etwas unnatürlich. Mit Transitions können Sie jetzt Übergänge definieren, sodass Änderungen langsamer und damit spürbar ablaufen.

Neben Transitions gibt es auch die Animations, mit denen Effekte möglich sind, für die Sie sonst zu Flash oder JavaScript greifen müssten; zu diesen kommen wir im zweiten Teil des Kapitels.

Außerdem sehen Sie schöne Beispiele, etwa ...

Get CSS3, 2nd Edition 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.