📜  Tailwind CSS 变换原点

📅  最后修改于: 2021-08-31 07:18:06             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。此类用于指定元素旋转的原点。它是元素旋转的点。它可用于 2D 和 3D 旋转。在 CSS 中,我们可以通过使用 CSS transform-origin 属性来做到这一点。

变换原点类:

  • origin-center:该类用于设置元素的原点为中心。
  • origin-top:该类用于将元素的原点设置为顶部。
  • origin-top-right:该类用于将元素的原点设置为右上角。
  • origin-right:该类用于将元素的原点设置为正确。
  • origin-bottom-right:该类用于将元素的原点设置为右下角。
  • origin-bottom:该类用于设置元素的原点为底部。
  • origin-bottom-left:该类用于将元素的原点设置为左下角。
  • origin-left:该类用于设置元素的原点为左。
  • origin-top-left:该类用于将元素的原点设置为左上角。

句法:

...

例子:

HTML
 
 
 
     
 
  
 
    

         GeeksforGeeks      

      Tailwind CSS Transform Origin Class      
      
    
      
      
    
    
      
    
    
    
      
      
    
    
      
    
    
   


输出: