box-reflect 倒影

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:无遮罩图像

posted @ 2017-05-04 18:49  MeeMee  阅读(117)  评论(0编辑  收藏  举报