8 gallery e sliders in CSS3

Jun 16, 2010 1 Commento di Andrea Turri

    Esistono centinaia e centinaia di gallerie di immagini e sliders realizzati in javascript e jQuery, tutte offrono effetti diversi o funzionalità particolari e sono anche molto semplici e veloci da implementare nei nostri lavori, ma a me piace sempre realizzare due differenti versioni di visualizzazione, una che utilizzi javascript e una che utilizzi del puro css, per tutti coloro che non possono o non vogliono abilitare javascript nei loro browser.

    Ecco quindi che vi propongo 8 differenti soluzioni alternative a javascript o jQuery con l’utilizzo di css3:

    Sliding CSS3 Transition Image Gallery
    css3 gallery

    Sliding CSS3 Transition Image Gallery
    Vedi la Demo

    CSS Transitions – Throwing Polaroids at a Table
    css3 gallery

    CSS Transitions – Throwing Polaroids at a Table
    Vedi la Demo

    CSS Polaroid Photo Gallery
    css3 gallery

    CSS Polaroid Photo Gallery
    Vedi la Demo

    Tabbed Image Gallery with CSS3 Transitions
    css3 gallery

    Tabbed Image Gallery with CSS3 Transitions
    Vedi la Demo

    Pure CSS3 Animated Sliding Image Gallery
    css3 gallery

    Pure CSS3 Animated Sliding Image Gallery
    Vedi la Demo

    Image Slider With Pure CSS3
    css3 gallery

    Image Slider With Pure CSS3
    Vedi la Demo

    Sexy Image Hover Effects using CSS3
    css3 gallery

    Sexy Image Hover Effects using CSS3
    Vedi la Demo

    CSS3 Image Enlarger Gallery
    css3 gallery

    CSS3 Image Enlarger Gallery
    Vedi la Demo

    Articoli correlati

    CSS, HTML, Immagini, Web, ispirazioni, risorse

    Andrea Turri

    Andrea Turri è un web designer e programmatore freelancer di Roma. Proprietario della FlooidArt s.a.s. Appassionato di programmazione asp.net, design, web e fotografia. Attualmente vive ad Oxford ed è consulente presso una web agency.

    Una risposta a “8 gallery e sliders in CSS3”

    1. helvetica download dice:

      Great information. It’s really useful. Thanks

    Lascia un messaggio