|
|||||||
|
|
|
|||||
|
|
|||||||
Explicación para el filtro Shadow
| <style><!-- .shadow { Filter: shadow (color:white, direction=-135); height:12} --></style> |
| El texto de arriba va entre <head> y </head> |
Primero especificas el color de la sombra con el atributo color, el cual puede ser modificado por el color que tu desees en código RGB(#FF0000, #0000FF) o escribiendo el nombre del color en inglés (red, yellow, blue, etc.)
En direction especificas el valor del ángulo en el cual se va a dar la sombra, se admiten valores negativos.
Ejemplos:
Sombra roja Sombra Azul Sombra en 45 grados Sombra en -135 grados
.shadow indica el nombre de la clase, para establecer este efecto debes de poner el nombre de la clase inmediatamente después al nombre del elemento de esta manera class="shadow". Ejemplos:
<img src="dibujo.gif" class="shadow"> Resultado:
(para una imagen debes de quitar height, el efecto se vé de esta manera por que la imagen tiene partes transparentes)
Para un Link
<a href="index.htm" class="shadow">Texto que quieras</a>
Resultado:
Texto que quieras
Para texto
<font class="shadow"
>Lo que quieras</font>
Lo que quieras
Recuerda que también puedes especificar la alineación, tipo de
fuente, color, tamaño, etc.
Recuerda siempre aplicar este efecto como se muestra arriba, de otra manera sucederian algunos errores.
Puedes modificar height para reducir o ampliar el espacio entre líneas
« Regresar a la Página de inicio
