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-