首页 > 其他 > 详细

box-reflect 倒影

时间:2017-05-04 19:44:18      阅读:261      评论:0      收藏:0      [点我收藏+]

box-reflect 倒影

box-reflect:none | direction offset mask-box-image

direction: 倒影在对象的位置

above 上 below 下 left 左 right 右

offset:用长度值来定义倒影与对象之间的间隔,可以为负值

length | percentage

mask-box-image: 遮罩图像

<url>: 使用绝对或相对地址指定遮罩图像。 这个用png的图片容易出效果

linear-gradient: 使用线性渐变创建遮罩图像。 这个利用黑色的透明度做效果比较好

radial-gradient: 使用径向(放射性)渐变创建遮罩图像。

repeating-linear-gradient: 使用重复的线性渐变创建背遮罩像。

repeating-radial-gradient: 使用重复的径向(放射性)渐变创建遮罩图像。

none:无遮罩图像

box-reflect 倒影

原文:http://www.cnblogs.com/MeeMee/p/6808947.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!