Without mask:
Mask on text (h1):
Using a web-font for the farcry text :)
Without mask:
Mask on image (img):
Without mask:
Explore a beautiful and diverse island playground - lush jungles, moutains ranges, swampy grasslands and sandy beaches.
Explore lost Japanese bunkers, ancient temples, secluded caves, shipwrecks, abandoned compounds and more.
Mask on entire div with content:
Explore a beautiful and diverse island playground - lush jungles, moutains ranges, swampy grasslands and sandy beaches.
Explore lost Japanese bunkers, ancient temples, secluded caves, shipwrecks, abandoned compounds and more.
Applying the masks make it looks kinda 3D :) nice!
CSS Masks everywhere!!!
Find more experiments on my blog: ameijer.nl.