Animierte Startseiten-Kacheln

Die vier Kacheln werden nacheinander eingeblendet. Sie bewegen sich dabei von unten an ihre Position und werden leicht vergrößert und gedreht.

Anschließend schweben die Kacheln sanft auf und ab. Ein regelmäßiger Glanzeffekt ergänzt die Animation. Beim Überfahren mit der Maus wird die jeweilige Kachel angehoben und das Bild leicht vergrößert.

Verwendete Technik

Die Effekte werden mit CSS umgesetzt und benötigen kein JavaScript. Auf kleinen Bildschirmen erscheinen die Kacheln untereinander und schweben mit geringerer Bewegung. Ist im Betriebssystem reduzierte Bewegung aktiviert, entfallen die Animationen sowie die Vergrößerungs- und Bewegungseffekte.

Alle Kacheln sind vollständig anklickbar. Bei der Bedienung mit der Tastatur zeigt eine sichtbare Umrandung den ausgewählten Link.