CSS3 mask 遮罩蒙版效果

mask demo效果演示：http://dtdxrk.github.io/game/css3-demo/mask.html

 

mask 的属性：
-webkit-mask-image:url | gradient /*可以使用图片或渐变作为遮罩层*/
-webkit-mask-repeat:repeat | repeat-x | repeat-y | no-repeat
-webkit-mask-position:x y;
-webkit-mask-clip:border | padding | content
-webkit-mask-origin:border | padding | content