27Setembro2010

Com foco Efeito CSS Gallery

..."  galeria dá Miniatura extravagante? FOI UMA IDEIA SOHTANAKA ALGUMAS Mudanças UE decidiu Fazer, POIs era Espaço hum ter sempre exigir generosos para mostrar."

"  Em Dynamic Drive NÓS paramentos para Solução para COM MESMO âmbito Efeito ou CSS, podemos tout Através de Imagens e ALGUMAS obter o número de passos simples."

A desvantagem? Só in E: 

Não o Google Chrome, 

Safari ou 4 +, 

ou o Opera 9.5 + 

e FF 3.6

Modelo, logotipo epidêmico ]]></ b: skin>

<style type="text/css"> /                                                        

* Créditos: Dynamic Drive CSS 

* / Biblioteca / 

URL: http://www.dynamicdrive.com/style/ 

* /. img Hovergallery 

(-webkit-transform: escala (0,8), / 

* Webkit: Reduzir para 0,8 

* nenhuma imagem Tamanho original /

-moz-transform: escala (0,8), / 

* Mozilla * escala da version /

-O-transform: escala (0,8), / 

* Opera * version escala da /

-webkit-Transição Duração: 0.5s / 

* Webkit: Animação Duração 

*-moz-Transição Duração /: 0.5s, / 

* Duração * Versão do Mozilla-O-Transição Duração /: 0.5s, /

 * Duração 

* Versão do Opera opacidade /: 0,7; / imagens opacidade inicial 

* / margin: 0 10px 5px 0; / 

* * Margem Entre imagens / .) 

 Hovergallery img: hover 

(-webkit-transform: escala (1,1), / 

* Webkit: Escala comeu 1.2x 

* Tamanho da imagem original /

-moz-transform: escala (1,1), / 

* Mozilla * escala da version /

-O-transform: escala (1,1), / 

* Opera * version escala da /

-sombra caixa: 0px 0px 30px Cinza / 

shadow CSS3 *: 30px sombra desfocada da imagem em torno de metros AO 

* /-webkit caixa de sombra: Cinza 30px 0px 0px / 

* Safari * Um version / 

shadow-moz-box-shadow: 0px 0px 30px Cinza / 

* Mozilla * 

sombra Versão opacidade /: 1;) 

</ Style>

HTML dispositivo de entrada que vai Exibir autor UO tem imagens.

class = "hovergallery">                                                          

<div <img src = "URL da Imagem -1"/> 

<img src ="URL da Imagem -2"/> 

<img src ="URL da Imagem -3"/> 

<img src = "url-imagem -4"/ div> </> 

fonte e créditos do presente post:

http://gemablog-.blogspot.com/2010/09/galeria-con-css-efecto-hover.html                                      


você está em:                                                                                                                                           

http://aprender-ensinar-compartilhar.blogspot.com