Galeria com miniatura deslizante usando CSS3

Hoje eu vou deixar uma dica de galeria bem legal, com um efeito bem interessante. As miniaturas têm um efeito deslizante. Somente um pedaço da miniatura é exibida e quando há o hover (posicionamento do mouse em cima da miniatura), ela abre por completo. Neste caso não usei Jquery e sim CSS3.

Por | @suelenbraga2006 Programação

Olá pessoal! Hoje eu vou deixar uma dica de galeria bem legal, com um efeito bem interessante. As miniaturas têm um efeito deslizante. Somente um pedaço da miniatura é exibida e quando há o hover (posicionamento do mouse em cima da miniatura), ela abre por completo. Neste caso não usei Jquery e sim CSS3. Vamos lá?

Esse é o exemplo pronto:



HTML
Galeria com miniatura deslizante usando CSS3</div>
Galeria com miniatura deslizante usando CSS3</div>
Galeria com miniatura deslizante usando CSS3</div>
Galeria com miniatura deslizante usando CSS3</div> </div>
Galeria com miniatura deslizante usando CSS3</div>
Galeria com miniatura deslizante usando CSS3</div>
Galeria com miniatura deslizante usando CSS3</div>
Galeria com miniatura deslizante usando CSS3</div> </div> </div>


CSS