resplandor - generador de bordes css

Box-Shadow solo en el lado izquierdo del elemento

Question

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

Intenté esto:

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

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

Gracias

Answer 1

Probablemente necesites más desenfoque y un poco menos de propagación.

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

Intenta jugar con el generador de sombreadores de caja aquí http://css3generator.com/ hasta que obtengas el efecto deseado.

Answer 2

box-shadow: inset 10px 0 0 0 red;