CSS backface-visibility 属性
实例
隐藏和显示两个旋转的 <div> 元素的反面
#div1 {
backface-visibility: hidden;
}
#div2 {
backface-visibility: visible;
}
亲自试一试 »
定义和用法
backface-visibility 属性定义了当元素面对用户时，其背面是否可见。
元素的背面是显示的正面的镜像。
当元素旋转时，此属性非常有用。它允许您选择用户是否应该看到背面。
要更好地理解此属性，请查看演示。
| 默认值 | visible |
|---|---|
| 继承 | 否 |
| 可动画 | 否。 阅读关于 可动画 的内容 |
| 版本 | CSS3 |
| JavaScript 语法 | 对象.style.backfaceVisibility="hidden" 试一试 |
浏览器支持
表格中的数字指定了完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| backface-visibility | 36 | 12 | 16 | 15.4 | 23 |
CSS 语法
backface-visibility: visible|hidden|initial|inherit;
属性值
| 值 | 描述 | 演示 |
|---|---|---|
| visible | 默认值。背面可见 | 播放 » |
| hidden | 背面不可见 | 播放 » |
| initial | 将此属性设置为其默认值。 阅读关于 initial 的内容 | |
| inherit | 从其父元素继承此属性。 阅读关于 inherit 的内容 |
相关页面
HTML DOM 参考：backfaceVisibility 属性
