蒙版 倒影

蒙版：

        目前只有-webkit-内核浏览器支持，其他不支持。

        需要png透明度遮罩

        和背景设置一样，可以设置多个png图为蒙版

        -webkit-mask:url(" img/6.png") 10px 30px;

倒影：

       目前只有-webkit-内核浏览器支持，其他不支持。

-webkit-box-reflect:  below  10px  linear-gradient(to top ,

rgba(255,255,255,1)  10px,

rgba(255,255,255,0.3)  80px,

rgba(255,255,255,0)  200px,

rgba(255,255,255,0)

rgba(255,255,255,0)

);

第一个值表示倒影出现的位置，上下左右（above   below  left  right ）

第二个人值是倒影和本影之间的间隙，为具体的数值，10px。

第三个值是利用透明度的渐变也可以是一个png透明的图片链接 如：。

-webkit-box-reflect:  left  10px  url("img/7.png");