Caja-Sombra solo en el lado izquierdo del elemento
He estado teniendo problemas para establecer una sombra de caja solo en el lado izquierdo de un elemento.
He intentado esto:
box-shadow: -10px 0px 3px 0px #aaa;
Sin embargo, la sombra de caja se parece más a una línea gris y carece del efecto de sombra regular al que estoy acostumbrado cuando uso la sombra de caja. Además, el ejemplo anterior incluye una pequeña caja superior-sombra que estoy tratando de deshacerse de.
Gracias
36
Author: AnchovyLegend, 2012-05-05
2 answers
Es probable que necesite más desenfoque y un poco menos de propagación.
box-shadow: -10px 0px 10px 1px #aaaaaa;
Intenta jugar con el generador de sombras de caja aquí http://css3generator.com / hasta que obtengas el efecto deseado.
61
Author: Gregg B,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-05-05 15:29:50
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-05-05 15:29:50
box-shadow: inset 10px 0 0 0 red;
0
Author: Francisco,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-05 08:54:58
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-05 08:54:58