码迷,mamicode.com
首页 > 其他好文 > 详细

box-reflect 倒影

时间:2017-05-04 19:59:09      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:渐变   tag   长度   cti   遮罩   tin   比较   nbsp   倒影   

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 倒影

标签:渐变   tag   长度   cti   遮罩   tin   比较   nbsp   倒影   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!