Я использовал
-webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
Это можно использовать непосредственно для элемента или родительского элемента и при этом влиять на дочерние элементы.Это великолепно!Работает только с webkit.