相比对于CSS3我们一点也不陌生,可是对于里面很多鲜少用的属性,却有着很神奇的作用。
图片蒙版
.test1{
background: url(images/img_1.gif) no-repeat;
-webkit-mask: url(img/img_2.png);
}
渐变蒙版
.test2{
background: url(images/img_1.gif) no-repeat;
-webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}