Bilder im Polaroidstil mit CSS


Link zum Artikel auf: www.dirk-trute.de/computer/css-polaroid/

Wenn nach dem Einfügen der Codefragmente in Ihr Projekt Probleme auftreten sollten und das Aussehen nicht so ganz stimmt, müssen bereits anderweitig vergebenen Eigenschaften der Elemente ul, li, a, img und span, die sich in die Klasse .ploaroid vererbt haben, angepasst bzw. überschrieben werden.
Am Dokumentende befindet sich eine Liste mit den Elementen ohne zusätzliche Klasse, aber mit ein Paar vorher definierten Eigenschaften. Hier können Sie sehen, was bereits festgelegt wurde.

1 | Rahmen mit Text, "Gilb" und Schatten

2 | Rahmen mit zusätzlichem Dreh- und Zoomeffekt (nur :hover)

3 | Rahmen mit Effekten und vorgetäuschtem zufälligen Drehwinkel.

4 | Liste ohne CSS