Búsqueda personalizada
 
 
 
 
Sombras (box-shadow)
   

La propiedad box-shadow permite definir una sombra a un objeto de la página. Debemos definir tres valores y un color, por ejemplo:

#recuadro1{
  box-shadow: 30px 10px 20px #aaa; 
  border-radius: 20px;  
  background-color:#ddd;
  width:200px;
  padding:10px;
}
border-radius

El segundo ejemplo muestra redondeado solo el vrtice superior derecho:

La propiedad tiene 3 valores y un color, los valores son los siguientes:

- El desplazamiento horizontal de la sombra, positivo significa que la sombra se encuentra a la derecha del objeto, un desplazamiento negativo pondr la sombra a la izquierda.

- El desplazamiento vertical, uno negativo la sombra ser en la parte superior del objeto, uno positivo la sombra estar por debajo.

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 valor es el color a aplicar a la sombra.

 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion