如何使用 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浏览器
火狐
歌剧
苹果浏览器

GeeksForGeeks

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

GeeksForGeeks

backface-visibility:visible;