|
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>
|
|