CSS backface-visibility 属性

主题

定义和用法

backface-visibility是一个 CSS 属性，用于控制当元素背面面向用户时是否可见。这在 3D 变换中特别有用。

backface-visibility主要用于 3D 变换的元素，当元素绕Y轴或X轴旋转超过 90 度时，会显示元素的背面。

backface-visibility需要与transform-style: preserve-3d配合使用才能看到效果。

默认值：	visible
继承性：	否
动画制作：	支持。请参阅：动画相关属性。
版本：	CSS3
JavaScript 语法：	object.style.backfaceVisibility="hidden"

接下来通过多个实例演示backface-visibility属性的用法，来深化您对backface-visibility属性的理解。

实例代码运行代码

复制

#div1 {
    backface-visibility: hidden;
}

#div2 {
    backface-visibility: visible;
}

backface-visibility: visible|hidden|initial|inherit;