关注前端 | 前端博客
当前位置: CSS3 > C3-box-reflect属性

C3-box-reflect属性

2018-07-08 分类:CSS3 作者:管理员 阅读(136)

取值:

direction:

above:倒影想上方;
below:倒影在下方;
left:倒影在左边;
right:倒影在右边。

offset

可用单位:px  百分比

mask-box-image

none:无遮罩图像
url:使用绝对或相对地址指定遮罩图像;
linear-gradient:使用线性渐变创建遮罩图像;
radial-gradient:使用径向(放射性)渐变创建遮罩图像;
repeating-linear-gradient:使用重复的线性渐变创建背遮罩像;
repeating-radial-gradient:使用重复的径向(放射性)渐变创建遮罩图像。

示例:

-webkit-box-reflect: below 3px -webkit-linear-gradient(transparent,transparent 40%,rgba(255,255,255,.6));

各浏览器兼容支持情况
兼容情况

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
0

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:

共有 0 条评论 - C3-box-reflect属性

博客简介

一位不知名的前端工程师,专注全栈技术,分享各种所遇问题与个人心得,梦想成为一位知名大神!

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线