CSS backface-visibility 属性

示例

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

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

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

亲自试一试 »

定义和用法

这个backface-visibility属性定义元素的背面在面向用户时是否可见。

元素的背面是所显示的正面的镜像。

当元素旋转时，此属性非常有用。它允许您选择用户是否应该看到背面。

为了更好地了解这个属性，查看演示。

默认值：	可见的
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.backfaceVisibility="hidden"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
backface-visibility	36.0 12.0 -webkit-	10.0	16.0 10.0 -moz-	4.0 -webkit-	23.0 15.0 -webkit-

CSS 语法

backface-visibility: visible|hidden|initial|inherit;

属性值

Value	Description	Demo
visible	Default value. The backside is visible	Play it »
hidden	The backside is not visible	Play it »
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

码农教程 - 一技在手,衣食无忧!

CSS backface-visibility 属性

示例

定义和用法

浏览器支持

CSS 语法

属性值

相关页面