CSS3 Masks using mask-image() property

CSS3 makes it so easy to stylise texts or images using mask-image() property. Following syntax will help you get a quick style on your text or image.

-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0, 0, 0, .9) );

You can also use images as mask, you just need to provide image path in url().

I'm feeling awesome today.