Attribute na backface-visibility na CSS

定义和用法

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-