WordPress & Webwork

Einfache Bilder-Galerie nur mit CSS3 und :target

Chris Heilmann stellt auf Mozilla Hacks einen sehr interessanten Ansatz vor, um nur mit CSS eine Bilder-Galerie zu realisieren, wo bei Klick auf ein Button das entsprechende Bild erscheint.

Bilder-Galerie mit CSS3 und :target

Das ganze basiert auf der Pseudo-Klasse :target. Die transition-Deklaration ist optional, damit das ganze etwas geschmeidiger wirkt.

3 Reaktion(en)

  1. Webstandard-Blog

    Mit Zuhilfenahme von :target, transform und animation habe ich in meinem letzten Buch im übrigen auch die Umsetzung einer "Lightbox" auf Basis von CSS3 vorgestellt. Keine Zeile Javascript, aber nicht minder schlecht in der Benutzerführung als die hinlänglich bekannten JavaScript-Lösungsansätze. Daher kann ich Christians Idee zur Verbreitung des CSS3 Ansatzes nur unterstützen ;o)

  2. Pingback: CSS3: horizontale und vertikale Navigation mit :target | WordPress & Webwork

Die Kommentare in diesem Beitrag sind geschlossen.