如何转换子元素保留 3D 转换？

CSS transform-style属性用于 变换子元素以保留 3D 变换。 transform-style属性用于指定元素的子元素位于 3D 空间中或相对于元素平面展平。元素上的保留 3d属性值，可以保留其子元素的 3D 变换。

句法：

transform-style: preserve-3d

属性值：

• 保留 3d：此值使子元素能够保留其 3D 位置。

示例 1：

HTML

  
    
  
  
  
    
      
GeeksforGeeks
      CSS transform-style Property
  
      

        

      
    
  

输出：

变换风格：保留 3d

示例 2：

HTML

  
    
  
  
  
    
      
GeeksforGeeks
      

      
        
          
          
        
      

            

              Flat(default) Property Value
  
              

                

              
            
          

            

              preserve-3d Property Value
  
              

                

              
            
          
    
  

输出：

平坦并保留 3d 属性