Grammar：


CSS代码将内容复制到剪贴板。


反映：没有|盒
以上=左下方放| | |
= |
没有= | | | | |




默认值：无
应用于：所有元素
继承：没有


价值：
没有：没有反射
演示：WebKit看到简单的图片倒置
上图：指定的反转图像位于对象的顶部。
下面：指定的反射位于对象的底部。
左：指定的反射在物体的左边。
右：指定的反射在对象的右侧。
演示：WebKit看到图片和反射时间间隔
反转图像和对象之间的间隔是由长度值定义的，可以是负的。
百分比用于定义反射和对象之间的间隔。可以是负的。
演示：更真实的图片倒影反射和梯度看到WebKit
无掩码图像
掩码图像使用绝对地址或相对地址指定。
使用线性渐变创建掩码图像。
使用径向（辐射）梯度创建掩码图像。
使用重复的线性渐变来创建一个反掩码。
使用重复的径向（放射性）梯度创建掩码图像。


如果您需要简单的反射，您可以这样做：
代码

CSS代码将内容复制到剪贴板。


盒子反射：在下面；




影响


注意设置反射元素的填充以影响反射的位置。
允许您定义反射和元素之间的距离：
代码


CSS代码将内容复制到剪贴板。


反映：在10px盒；




影响


允许您使用渐变图像或图像作为掩码。
代码


CSS代码将内容复制到剪贴板。


箱反映：下面1px线性梯度（透明、透明50%、RGBA（0,0,0，。3））；




影响