background image fade to transparent?

[Phaelax]

Title pretty much says it all. I want a background image to have a linear gradient fade to transparent. I've faded the image out to a color by overlaying a gradient on top of it, which unfortunately would only help me if my site background is a solid color. (see codepend example)

I tried to use an image in place of a color value :p No such luck. Anyone have any ideas?

https://codepen.io/anon/pen/wzArAN

[diafol]

You could prob. use keyframe: http://stackoverflow.com/questions/6805482/css3-transition-animation-on-load

[Phaelax]

I managed to work it out this morning after reading about mix-blend-mode, but thanks.

https://codepen.io/anon/pen/ZpXLPd