Let's take an image with some texture to it, say, the Lava effect from Gimp:
We can apply this to an element using the mask-image property:
.title {
-webkit-mask-image: url(http://mitch.amiano.agilemarkup.com/images/titlemask2.png);
-o-mask-image: url(http://mitch.amiano.agilemarkup.com/images/titlemask2.png);
-moz-mask-image: url(http://mitch.amiano.agilemarkup.com/images/titlemask2.png);
mask-image: url(http://mitch.amiano.agilemarkup.com/images/titlemask2.png);
}
This gives us:
No comments:
Post a Comment