您的位置: 首页 > -webkit-box-reflect
-webkit-box-reflect 属性
设置或检索对象倒影。
对应的脚本特性为boxReflect。
对应的脚本特性为boxReflect。
4+ 4+ 2.1+ 3.2+
语法
-webkit-box-reflect:none | <direction> <offset> <mask-box-image>
取值
| none | 无倒影 |
|---|---|
| <direction> | 指定倒影与对象的方向 |
| above | 指定倒影在对象的上边 |
| below | 指定倒影在对象的下边 |
| left | 指定倒影在对象的左边 |
| right | 指定倒影在对象的右边 |
| <offset> | 设置倒影与对象的距离 |
| <length> | 用长度值来定义倒影与对象之间的间隔。可以为负值 |
| <precentage> | 用百分比来定义倒影与对象之间的间隔。可以为负值 |
| <mask-box-image> | 设置倒影的遮罩图像 |
| none | 无遮罩图像 |
| <url> | 使用绝对或相对地址指定遮罩图像。 |
| <linear-gradient> | 使用线性渐变创建遮罩图像。 |
| <radial-gradient> | 使用径向(放射性)渐变创建遮罩图像。 |
| <repeating-linear-gradient> | 使用重复的线性渐变创建背遮罩像。 |
| <repeating-url> | 使用重复的径向(放射性)渐变创建遮罩图像。 |