Efecto Hover en Imagen| "Luna Zoom"
2 participantes
Webtaller2 :: Webmaster :: JavaScripts
Página 1 de 1.
Efecto Hover en Imagen| "Luna Zoom"
Demo en Vivo: [url=http://davixm.web44.net/Hover_de_Imagenes/index10.html ]http://davixm.web44.net/Hover_de_Imagenes/index10.html [/url]
Codigo CSS y Javascript si tienes PWG en"Encima de la Pagina":
- Código:
<link rel="stylesheet" type="text/css" href="http://davixm.web44.net/Hover_de_Imagenes/css/style_common.css" />
<link rel="stylesheet" type="text/css" href="http://davixm.web44.net/Hover_de_Imagenes/css/style10.css" />
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
Codigo HTML lo colocas don decees
- Código:
<div class="view view-tenth"><img alt="" src="URL DE LA IMAGEN" />
<div class="mask">
<h2>TILTULO DE IMAGEN</h2>
<p>DESCRIPCION DE LA IMAGEN AQUI VAAAAAAA......... NO TE OLVIDES ESTE CODIGO LO ENCONTRASTE EN DAVIXM.TK</p>
<a class="info" href="DIRRECION DE LA IMAGEN">NOMBRE DEL BOTON</a></div>
</div>
Webtaller2 :: Webmaster :: JavaScripts
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|