CSS Gradient Opacity (не фоновый)

Question

Я знаю, как создавать градиентные фоны с альфа-каналом, но я хочу, чтобы у моего элемента была непрозрачность градиента.Что я ищу, так это чтобы мой div и все его дети применяли к ним градиент непрозрачности.

Есть ли способ сделать это?Мне это нужно только для работы в webkit, так как это проект только для внутреннего использования.

Answer 1

Создайте градиентный фон, но используйте цвета RGBA.Последнее значение будет определять непрозрачность, 1,0 для полностью непрозрачного, 0,0 для полностью прозрачного.

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0)));

Выше градиент от голубого к прозрачному.

Answer 2

Самое простое - сделать его PNG.Или используйте маску веб-набора!

http://css -tricks.com / webkit-image-wipes /