5202

ein Blog über technische Fragen zu Blogger

CSS3-Slider mit Pseudoklasse :checked

von

Kein Javascript, pures CSS! Chrome, Safari, Opera, FF, IE9, iPad
Klickt auf ein Thumbnail und der Slider 'rutscht' zum entsprechenden Bild. Die Ikonen sind übrigens alles Werke des Malers und Mönchs Andrei Rubljow

Slider

Nach langer Arbeit ist es mir gelungen, einen CSS3-Slider allein mit der Pseudoklasse :checked zu bauen. Die transition erfolgt über die margin, die Sortierung über den general sibling selector. Markup und CSS findet ihr auf dem Fiddler dazu.