本文共 599 字,大约阅读时间需要 1 分钟。
box-reflect
语法:
box-reflect:none | ? ?
<direction> = above | below | left | right
<offset> = |
<mask-box-image> = none | | | | |
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
取值:
none: - 无倒影
<direction> Demo: See with Webkit
above: - 指定倒影在对象的上边
below: - 指定倒影在对象的下边
left: - 指定倒影在对象的左边
right: - 指定倒影在对象的右边
<offset> Demo: See with Webkit
: - 用长度值来定义倒影与对象之间的间隔。可以为负值
: - 用百分比来定义倒影与对象之间的间隔。可以为负值
<mask-box-image> Demo: See with Webkit
none: - 无遮罩图像
: - 使用绝对或相对地址指定遮罩图像。
: - 使用线性渐变创建遮罩图像。
: - 使用径向(放射性)渐变创建遮罩图像。
: - 使用重复的线性渐变创建背遮罩像。
: - 使用重复的径向(放射性)渐变创建遮罩图像。
说明:
设置或检索对象倒影。 - 假设定义了 ,必须指定,否则可以省略
- 对应的脚本特性为boxReflect。
示例:
转自: