Imagen
Este es un efecto que consiste en que al pasar el mouse a travez de una imagen esta se agrande a su tamaño original
Delfin
- Inserta este código en texto por debajo de la página
.thumbnail
{position: relative;
z-index: 0;}
.thumbnail:hover
{background-color: transparent;
z-index: 50;}
.thumbnail span
{position: absolute;
background-color: black;
padding: 5px;
left: -100px;
border: 1px
dashed gray;
visibility: hidden;
color: #0066FF;
text-decoration: none;}
.thumbnail span img
{border-width: 0;padding: 2px;}
.thumbnail:hover span
{visibility: visible;
top: 0;
left: 10px;}
</style>
- Y luego en tu Página agrega esto:
<img src="URL IMAGEN" width="50%" height="50%" border="0" />
<span><img src="URL IMAGEN" /><br />Nombre de tu Imagen</span></a>
Simbología:
Color Rojo: es la url de tu imagen
Color Celeste: es el color del nombre de tu imagen, puedes modificarlo por cualquier otro color que gustes
Color Verde: Es el ancho (width) y alto (height) de tu imagen sin haber pasado por encima el mouse
