我想制作一个渐变的div:白色到透明。我在它上面添加了一个红色的蝴蝶结阴影,但我需要盒子阴影效果尊重相同的渐变到透明度而不是盒子她自己!
就像我们看到http://jsfiddle.net/by57bkgy/这里不好,我不想在我的div左边有红色效果。
我试过了box-shadow(0px 0px 2px 1px linear-gradient(90deg, rgba(0,0,0,0) 0, red 10%, red 100%));
但是没有用。
如何在box-shodow上做一个线性渐变红色到透明?
THX。
编辑我尝试使用-webkit-mask:linear-gradient(90deg, rgba(0,0,0,0) 0, white 10%, white 100%);
,但是盒子阴影被忽略了....
答案 0 :(得分:0)
只需将div gradiant(白色,透明)更改为(白色,背景 - 放置div的元素的颜色)。
渐变阴影没有css支持