Folgen Sie uns, während wir ein paar sehr einfache CSS3-Übergänge verwenden, um einen „Slideup“-Box-Effekt zu erstellen. Fahren Sie mit der Maus über die Box, und der Titel der Box gleitet aus dem Weg und eine beschreibendere, stilisierte Informationsbox schiebt sich an seine Stelle. Dies wird in modernen Versionen von Gecko, WebKit und Opera-Browsern unterstützt. Noch keine Unterstützung für Internet Explorer, aber kein Fallback nötig, der Link funktioniert und die Informationen werden wie erwartet angezeigt.
Neuer Screencast: CSS3 Slideup Boxen
DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!