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

📅  最后修改于: 2021-08-31 02:19:57             🧑  作者: Mango

本文的方法是通过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浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器