border-shadow с линейным градиентом combinate с фоном-изображением с линейным градиентом?

Question

Я хочу сделать 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%));, но не работает.

Как я могу сделать линейное градиентное красное до прозрачного на коробке-shodow?

thx.

EDIT Я попытался с -webkit-mask:linear-gradient(90deg, rgba(0,0,0,0) 0, white 10%, white 100%); но коробчатой ​​тенью игнорируются ....

Answer 1

Просто измените Див градиен из (белых, прозрачного ) до (белого, фона -Цвет элемента, в котором div находится).

Нет поддержки css для тени градиента