Vai al contenuto

Semplici gallerie immagini animate in puro CSS

Scritto da:

carlopeluso

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.

Articolo precedente

FFmpeg, script utili per l'elaborazione audio e video

Articolo successivo

Come ho realizzato un tool per dividere un file audio

Partecipa alla discussione

Commenti disabilitati.