Semplici gallerie immagini animate in puro CSS

Oggi voglio condividere diversi esempi di gallerie immagini realizzati con l’utilizzo di meno di 20 righe CSS, senza l’ausilio di Javascript. E’ una buona base di partenza per progettare delle gallery piu avanzate. Enjoy the copy paste.

Layout verticale:

See the Pen
Simple image magnificator in CSS vertical by Carlo Peluso (@carlo-peluso)
on CodePen.

Layout orizzontale:

See the Pen
Simple image magnificator in CSS horizontal by Carlo Peluso (@carlo-peluso)
on CodePen.

Layout a griglia:

See the Pen
Simple image magnificator in CSS grid by Carlo Peluso (@carlo-peluso)
on CodePen.

Layout a griglia di cerchi e quadrati:

See the Pen
Simple image magnificator in CSS circles-squares by Carlo Peluso (@carlo-peluso)
on CodePen.