📜  HTML | DOM 样式 backfaceVisibility 属性

📅  最后修改于: 2021-11-07 08:27:35             🧑  作者: Mango

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           

输出:

  • 隐藏前:

  • 隐藏后:

      示例 2:将backfaceVisibility 从可见设置为隐藏。

      
      
        
      
          
              HTML DOM Style backfaceVisibility Property
          
        
          
      
        
      
        
          

            Select/deselect the checkbox to change the        backface-visibility of the animated element:     

          
              

      GEEKS FOR GEEKS

          
                     backface-visibility              

      输出:

      • 隐藏前:

      • 隐藏后:

          注意: Chrome 版本 (12-35)、Safari 新更新版本和 Opera 15+ 版本支持称为“WebkitBackfaceVisibility 属性”的替代属性。

          支持的浏览器: DOM Style backfaceVisibility 属性支持的浏览
          下面列出:

          • 谷歌浏览器 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 网络套件