Erweiterte Animationen in Bannern

10. Dez 2013

Banner können nun zusätzlich zu den auswählbaren Überblendeffekten mit CSS3 Animationen ergänzt werden.

Banner können nun zusätzlich zu den auswählbaren Überblendeffekten mit CSS3 Animationen ergänzt werden. Dafür stehen die erweiterten Klassen listEntrySelectedInit, listEntrySelectedReady, listEntryFadingIn und listEntryFadingOut zur Verfügung.

Weißer Banner
Roter Banner
Grüner Banner
Weißer Banner
Roter Banner
Grüner Banner
Weißer Banner
Roter Banner
Grüner Banner
Weißer Banner
Roter Banner
Grüner Banner

Über CSS3 Transitions lassen sich mit Hilfe der neuen Klassen vielfältige Effekte erzeugen. Wie in den Beispielen zu sehen, können Zusatzinformationen nachträglich animiert werden. Mögliche Animationseffekte sind unter anderem Verschieben, Rotieren, Zoomen und Einblenden. Diese Effekte sind zudem beliebige kombinierbar. Unterstützen Browser noch keine CSS3 Transitions, bekommen die Besucher alle Informationen lediglich ohne Animation angezeigt.

Zur Banner Slider Übersicht:  http://weblics.de/wDeutsch/weblics/bannerSlider.standard.php