backfaceVisibility 属性是在元素不面向屏幕时使元素可见或不可见的决定因素。当元素被旋转时,这个属性很有用,它的背面需要隐藏。
句法:
- 返回 backfaceVisibility 属性:
object.style.backfaceVisibility
- 设置 backfaceVisibility 属性:
object.style.backfaceVisibility = "visible|hidden|initial| inherit"
属性值:
- 可见:可见值是默认值。它有助于使背面可见。
- hidden:隐藏的值会使背面不可见。
- 初始值:初始值将此属性设置为其默认值。
- 继承:用于从其父元素继承属性。
返回值:它返回一个字符串,表示元素的backfaceVisibility属性的行为。
示例 1:将backfaceVisibility 从可见设置为隐藏。
HTML DOM Style backfaceVisibility Property
Select/deselect the checkbox to change the
backface-visibility of the animated element:
HEY GEEKS
backface-visibility
输出:
- 隐藏前:
- 隐藏后:
- 隐藏前:
- 隐藏后:
- 谷歌浏览器 36.0 12.0 Webkit
- Internet Explorer 10.0/Edge
- Mozilla Firefox 16.0 10.0 Moz
- Opera 23.0 15.0 网络套件
- 苹果 Safari 4.0 网络套件
注意: Chrome 版本 (12-35)、Safari 新更新版本和 Opera 15+ 版本支持称为“WebkitBackfaceVisibility 属性”的替代属性。
支持的浏览器: DOM Style backfaceVisibility 属性支持的浏览器
下面列出:
示例 2:将backfaceVisibility 从可见设置为隐藏。
HTML DOM Style backfaceVisibility Property Select/deselect the checkbox to change the backface-visibility of the animated element:
GEEKS FOR GEEKS
输出:
- 隐藏前: