边界阴影与线性渐变组合与背景图像与线性渐变?

时间:2014-10-01 12:25:16

标签: css css3 gradient linear-gradients

我想制作一个渐变的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%);,但是盒子阴影被忽略了....

1 个答案:

答案 0 :(得分:0)

只需将div gradiant(白色,透明)更改为(白色,背景 - 放置div的元素的颜色)。

渐变阴影没有css支持