CSS3 backface-visibility 属性


实例

Hide the backside of a rotated div element:

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

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

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

标签定义及使用说明

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

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

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

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

语法

backface-visibility: visible|hidden;


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