蒙版:
目前只有-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");
网友评论