CSS 3 Animationen für Webseiten

Wenn Ihr Ziel Informationen kreativ auf Ihrer Website für die Anzeige auf dem iPad oder iPhone, eine der besten Optionen zum Hinzufügen von Animationen und andere interaktive Funktionen zu vermitteln ist, CSS zu verwenden 3. CSS 3 drei Möglichkeiten stellt interaktive Effekte und Animationen zu erstellen: Transformationen, Übergänge und Animationen.

CSS 3 fügt viele neue Design-Merkmale, aber Animation ist die aufregendste. Mit CSS 3 können Sie die Zeichen auf dem Bildschirm machen gehen, Kisten umdrehen und Bilder verblassen. Um zu demonstrieren, wie Animation arbeitet mit CSS 3 zeigt diese Figur eine einfache Kugel, die in einem schwarzen Kasten springt.

Keine Bilder wurden verwendet, um dieses hüpfenden Ball Animation zu erstellen. Der Ball selbst - und die Aktion, die es scheinen, auf die Beine aus dem oberen Rand des Bildschirms nach unten und wieder zurück macht - alles wurde mit nur ein paar Zeilen CSS-3-Code erreicht.

Animationen wie diese Arbeit in den meisten gängigen Browsern, die WebKit verwenden, einschließlich Safari (Mac, Windows und iOS für iPad / iPhone / iPad) und Chrome (Mac, Windows und Geräte, die Googles Android-Betriebssystem laufen).

Sie können mit diesen Merkmalen viele große Design-Effekte erstellen, aber die meisten interaktiven Websites, die Sie im Web finden Sie heute benötigen javascript zusätzlich zu HTML und CSS.