Fondo de Página Background con Efecto Degradado.
En categoría: Efecto de Fondo / Background
Con este Script podemos definir un color de fondo con efecto degradado en la página. Podemos personalizar los 2 colores y el tipo de efecto utilizado.
| Descripción del ejemplo JavaScript
Como vemos el Script se inserta dentro de la etiqueta <BODY> como un atributo STYLE. Esta simple línea de código no es más que un filtro propio del navegador Internet Explorer, por esta razón solo funcionará en éste.
Lo que nos permite realizar es un efecto degradado de 2 colores en el fondo de la página o background como muchos lo conocen. Podemos personalizar los colores cambiando el código hexadecimal por el que más nos guste. Para esto modificamos el valor de endColorstr y startColorstr.
En el ejemplo podemos ver que hay otro parámetro dentro de la instrucción, gradientType, que en este caso lleva el valor 0 (cero). Los posibles valores que puede tomar son 0 y 1 y cada uno de ellos aplica un efecto degradado diferente a la página:
Lo que nos permite realizar es un efecto degradado de 2 colores en el fondo de la página o background como muchos lo conocen. Podemos personalizar los colores cambiando el código hexadecimal por el que más nos guste. Para esto modificamos el valor de endColorstr y startColorstr.
En el ejemplo podemos ver que hay otro parámetro dentro de la instrucción, gradientType, que en este caso lleva el valor 0 (cero). Los posibles valores que puede tomar son 0 y 1 y cada uno de ellos aplica un efecto degradado diferente a la página:
- valor 0: aplica un efecto degradado en el fondo de la página en sentido horizontal.
- valor 1: aplica un efecto degradado en el fondo de la página en sentido vertical.
<STYLE type="text/css">
BODY {
filter:progid:DXImageTransform.Microsoft.Gradient(
endColorstr='#ffffff', startColorstr='#000000', gradientType='0');
}
</STYLE>
Información relativa al Script
Fondo de Página Background con Efecto Degradado.
Código fuente del script:
