2011-06-16 61 views
10

css cómo mostrar la sombra solo right y bottom parte?sombra de css solo derecha e inferior

box-shadow puede establecer un fondo. pero cómo establecer en -webkit-box-shadow y -moz-box-shadow?

Gracias.

box-shadow-bottom: 0px 4px 4px black;

Respuesta

8

box-shadow:

primer argumento: parte inferior offset, en segundo lugar: la derecha offset, tercero: mancha, cuarta: el color para -moz y webkit es la misma. Así, por una sombra inferior derecha de 4 píxeles con el desenfoque de 4 píxeles:

-moz-box-shadow-bottom: 4px 4px 4px black; 
-webkit-box-shadow-bottom: 4px 4px 4px black; 
box-shadow-bottom: 4px 4px 4px black; 
+0

Gracias introducir un detallado. –

+0

No pude hacer que esto funcione en Firefox ..... – Mike

+1

¿Te refieres a la sombra de caja y no al fondo de la caja? box-shadow-bottom no es reconocido por Google Chrome en absoluto. – codemagician

13

De la misma manera que estoy bastante seguro:

-moz-box-shadow: 10px 10px 5px #222; 
-webkit-box-shadow: 10px 10px 5px #222; 
box-shadow: 10px 10px 5px #222; 
+0

Gracias. esto es lo que necesito. –

Cuestiones relacionadas