Búsqueda personalizada
 
 
 
 
Sombras de texto (text-shadow)
   

Es importante tener en cuenta que esta propiedad no la soporta el Internet Explorer 9.

La propiedad text-shadow nos permite definir una sombra a un texto, la sintaxis ms comn es:

Elemento { 
     text-shadow: desplazamientoX 
                  desplazamientoY 
                  radio-de-desenfoque 
                  color; 
}

La propiedad tiene 4 valores que son los siguientes:

- El desplazamiento horizontal de la sombra, un desplazamiento negativo pondr la sombra a la izquierda.

- El desplazamiento vertical, un valor negativo dispone la sombra en la parte superior del texto, uno positivo la sombra estar por debajo del texto.

- El tercer parmetro es el radio de desenfoque, si se pone a 0 la sombra ser fuerte y con color liso, ms grande el nmero, ms borrosa ser.

- El ltimo parmetro es el color de la sombra.

Por ejemplo si queremos que un texto tenga una sombra en la parte inferior a derecha con un pequeo desenfoque de color gris luego debemos implementar el siguiente cdigo:

#titulo1 {
  text-shadow: 5px 5px 5px #aaa;
}

Titulo sombreado

Si queremos que la sombra se disponga en la parte superior izquierda de cada letra luego debemos definir los siguientes valores:

#titulo2 {
  text-shadow: -5px -5px 5px #aaa;
}

Titulo sombreado

Otra sintaxis de text-shadow es aplicar varias sombras al texto, por ejemplo:

#titulo3 {
  text-shadow: 3px 3px 5px #f00,
               6px 6px 5px #0f0,
               9px 9px 5px #00f;
}

Titulo sombreado

 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion