-webkit-box-reflect

非标准: 该特性是非标准的，请尽量不要在生产环境中使用它！

-webkit-box-reflect CSS 属性可让你将元素内容在特定方向上进行轴对称反射。

css
/* 方向值 */
-webkit-box-reflect: above;
-webkit-box-reflect: below;
-webkit-box-reflect: left;
-webkit-box-reflect: right;

/* 偏移量值 */
-webkit-box-reflect: below 10px;

/* 蒙版值 */
-webkit-box-reflect: below 0 linear-gradient(transparent, white);

/* 全局属性值 */
-webkit-box-reflect: inherit;
-webkit-box-reflect: initial;
-webkit-box-reflect: unset;

语法

值

above、below、right、left

这些关键字指示反射发生的方向。

<length>

指示反射的大小。

<image>

描述要应用于反射的蒙版。

形式定义

初始值none
适用元素所有元素
是否是继承属性否
计算值as specified
动画类型离散值

形式语法

-webkit-box-reflect =
  [ above | below | right | left ]? <length>? <image>?

规范

这是一个非标准的属性。在 CSS 中创建反射效果的标准方法是使用 CSS 的 element() 函数。

浏览器兼容性

BCD tables only load in the browser

参见