CSS backface-visibility属性

  • 定义和用法

    backface-visibility属性定义在面向用户时元素的背面是否应该可见。元素的背面是正面显示的镜像。旋转元素时,此属性很有用。它允许您选择用户是否应该看到背面。要更好地了解此属性,请查看演示
    特征 说明
    默认值 visible
    继承 没有
    动画 没有。CSS动画参考
    CSS版本 CSS3
    JavaScript语法 object.style.backfaceVisibility="hidden"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 Internet Explorer Chrome FireFox Safari Opera
    属性名称
    backface-visibility 10.0
    36.0
    12.0 -webkit-
    16.0
    10.0 -moz-
    9.0
    4.0 -webkit-
    23.0
    15.0 -webkit-
  • CSS语法

    backface-visibility: visible|hidden|initial|inherit;
  • 实例

    隐藏并显示两个旋转的<div>元素的背面:
    #div1 {
      backface-visibility: hidden;
    }
    
    #div2 {
      backface-visibility: visible;
    }
  • 属性值

    属性值 描述
    visible 默认值。 背面是可见的
    hidden 背面不可见
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS动画