如何使用 CSS 隐藏/可见旋转的 div 元素的背面？

本文的方法是通过CSS中的backface-visibility属性在旋转时是否显示或隐藏元素的背面。它是作为元素的背面向用户显示的正面的镜像。当一个元素被旋转然后它决定一个元素的背面是否可见时它很有用。

句法：

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

示例：下面的代码用于显示旋转 180 度的

元素的背面。

  

    

  

    
        
GeeksForGeeks
        

            How to visible or hide the backside
            of a rotated division element?
        
        
GeeksForGeeks
    

  
        

输出：

示例 2：

  

    

  

    
        

            GeeksForGeeks
        
  
        

            backface-visibility:visible;
        
          
        
Geeks For Geeks
    

  
    

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器