CSS backface-visibility 属性

定义和用法

backface-visibility 属性定义当元素不面向屏幕时是否可见。

如果在旋转元素不希望看到其背面时，该属性很有用。

另请参阅：

HTML DOM 参考手册：backfaceVisibility 属性

实例

隐藏和显示两个旋转的 <div> 元素的背面：

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

亲自试一试

CSS 语法

backface-visibility: visible|hidden;

属性值

值 描述
visible 背面是可见的。
hidden 背面是不可见的。

技术细节

默认值： visible
继承性： no
版本： CSS3
JavaScript 语法： object.style.backfaceVisibility="hidden"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -webkit- 或 -moz- 的数字表示使用前缀的首个版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-