有没有办法在不传递颜色的情况下改变盒子阴影?

时间:2017-10-31 19:00:19

标签: html css css3

这是我的问题。我有2个css类,我的元素可以有

.classA{box-shadow:inset -2px 0px 0px 0px rgba(63,191,31,1);}
.classB{box-shadow:inset -2px 0px 0px 0px rgba(204,29,29,1);}

我希望使用第三类来更改插入而不是颜色

.classC{box-shadow:inset -10px 0px 0px 0px;}

有效(阴影在这里),但颜色变黑。我想保留原来的颜色。

如何使用 CSS ONLY 更改阴影属性而不会丢失颜色?

1 个答案:

答案 0 :(得分:2)

盒子阴影不能分成像边框那样的部分。但是你可以使用的一个技巧是盒子阴影从元素的颜色属性继承它的颜色。

(11,45)-(3851,2111), 3840x2066

http://jsfiddle.net/82z8r73o/