|
EFECTOS PARA LAS IMAGENES
Imagen original : 
Recuerda: Para poner el codigo tienes que agregar una entrada al blog y pulsar el botón <HTML>.
Nota: Si las imagenes no se cargan , con el cursor del ratón lo pones encima la imagen no cargada , le das al botón derecho del ratón , y en el menú desplegable escojeis la opción "MOSTRAR IMAGEN".
|
Efecto Espejo
|
<DIV align=center>
<DIV style="FILTER: FlipH(); WIDTH: 100px; HEIGHT: 100px">
<IMG height=100 src="URL DE LA IMAGEN" width=100 border=0>
</DIV></DIV> |
|
Totalmente volteada
|
<DIV align=center>
<DIV style="FILTER: FlipV(); WIDTH: 100px; HEIGHT: 100px">
<IMG height=100 src="URL DE LA IMAGEN" width=100 border=0>
</DIV></DIV> |
|
BLANCO Y NEGRO
|
<DIV align=center>
<DIV style="FILTER: Xray(); WIDTH: 100px; HEIGHT: 100px">
<IMG height=100 src="URL DE LA IMAGEN" width=100 border=0>
</DIV></DIV> |
|
50% OPACA
|
<IMG style="FILTER: alpha(opacity=50, finishOpacity=0,style=0); WIDTH: 130px; HEIGHT: 119px" src="URL DE LA IMAGEN">
|
|
Negativo
|
<DIV align=center>
<DIV style="FILTER: Invert(); WIDTH: 100px; HEIGHT: 100px">
<IMG height=100 src="URL DE LA IMAGEN" width=100 border=0>
</DIV></DIV> |
|
Iluminada por todos lados
|
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=3); WIDTH: 130px; HEIGHT: 119px" src="URL DE LA IMAGEN"> |
|
Iluminada Circularmente
|
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=2); WIDTH: 130px; HEIGHT: 119px" src="URL DE LA IMAGEN"> |
|
Iluminada por la derecha
|
<IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=1); WIDTH: 130px; HEIGHT: 119px" src="URL DE LA IMAGEN"> |
|
Efecto veloz
|
<DIV align=center>
<DIV style="FILTER: Blur(Direction=left, Strength=25); WIDTH: 141px; HEIGHT: 100px">
<IMG height=100 src="URL DE LA IMAGEN" width=100 align=right border=0>
</DIV></DIV> |
|
