CSS backface-visibility

css backface-visibility 定义与用法

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

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

Chrome/Safari 用户:为了更好地理解这个属性,查看演示: 查看在线实例

Default value: visible
Inherited: no
Version: CSS3
JavaScript syntax: object.style.backfaceVisibility="hidden"

 

css backface-visibility 语法

backface-visibility: visible|hidden;

 

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

 

css backface-visibility 浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前所有浏览器都不支持 backface-visibility 属性。

Internet Explorer 10 支持替代的 -ms-backface-visibility 属性。

Firefox 支持替代的 -moz-backface-visibility 属性。

Safari和Chrome通过私有属性-webkit-backface-visibility支持。

注意: Internet Explorer 9及更早IE版本不支持.

 

css backface-visibility 实例

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}

在线运行