Effektvolle Präsentation mit Transitions
28.01.2014
Modul "Transitions": Effektive Präsentationen machen Ihren Webauftritt zu einem Eyecatcher. Mit dem Modul Transitions sorgen Sie für positive Eindrücke.
CSS-Transitions
basic.life ist stark, wenn es um sehr contentlastige Webauftritte geht. Die Seiten sind in vielerlei Hinsicht hochprofessionell auf Suchmaschinen optimiert - wenn Sie auch den richtigen Inhalt eingeben. Was noch eine Schwachstelle von basic.life ist, ist zweifellos der "Eyecatcher", der den bisherigen Modulen oftmals fehlt. Daher hat sich das Team von basic.life zu einer Weiterentwicklung entschlossen.
Die technische Basis für diese Effekte, die nun mit dem Transitions-Modul eingeführt werden, sind sogenannte "CSS-Transitions", also Animationen und Bildbewegungen, die auf Basis von "Cascading Style Sheets" generiert werden.
Transitions für mehr Effekte
Als erste kleine Auswahl wurden drei Varianten eines Bildmosaiks implementiert, die in diesem Modul zur Verfügung stehen. Da die Bilder nicht für sich alleine sprechen müssen, wurden auch entsprechend Titel und Titelbalken in die Bilder eingefügt, deren Transparenz sich ebenfalls steuern lässt.
Effektdarstellungen im Transitions-Modul
- Mosaik ohne Abstand: Eine Bilderwand, die per Mouse-Over das jeweilige Bild vergrößert, die anderen Bilder auf der gleichen Seite abdunkelt und einen weiterführenden Link zugänglich macht.
- Mosaik mit Abstand (5 Pixel oder 10 Pixel): Hier wurde das gleiche System verwendet, jedoch ist die Bilderwand eben mit entsprechenden Leer-Zwischenräumen versehen um einen anderen optischen Eindruck zu erzeugen.
Die exakte Beschreibung der Anwendung findet sich auch im Online-Handbuch von basic.life in folgenden Bereichen des Handbuches: