2012-05-05 46 views
31

He estado teniendo problemas para configurar una sombra de caja solo en el lado izquierdo de un elemento.Sombra de caja en el lado izquierdo del elemento solamente

yo probamos este:

box-shadow: -10px 0px 3px 0px #aaa; 

Sin embargo, la sombra cuadro se parece más a una línea gris y carece de la sombra de efecto regular que estoy acostumbrado a cuando se utiliza una caja de sombra. Además, el ejemplo anterior incluye una pequeña sombra de caja superior de la que estoy tratando de deshacerme.

Gracias

Respuesta

53

Es probable que tenga más de desenfoque y un poco menos difusión.

box-shadow: -10px 0px 10px 1px #aaaaaa; 

Trate de jugar un poco con el generador de sombra cuadro aquí http://css3generator.com/ hasta obtener el efecto deseado.

+1

¡Gracias! Eso ayudó, me preguntaba si es posible deshacerse de todas las sombras superiores y dejar solo la sombra de la caja izquierda. b/c el ejemplo de arriba todavía tiene una pequeña sombra superior ... – AnchovyLegend

+1

Claro, solo usa un spread negativo: box-shadow: -10px 0px 20px -5px #aaaaaa; –

+0

gracias! :) – AnchovyLegend

Cuestiones relacionadas