📜  顺风 CSS 旋转

📅  最后修改于: 2021-08-30 02:32:55             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。此类用于根据给定的角度作为参数旋转元素。可以根据度数、弧度或圈数来设置角度。在 CSS 中,我们可以通过使用 CSS rotate()函数来做到这一点。

轮换班级:

  • rotate-0:这个类是不旋转的。
  • rotate-1:该类用于顺时针旋转 1 度。
  • rotate-2:该类用于顺时针旋转 2 度。
  • rotate-3:该类用于顺时针旋转 3 度。
  • rotate-6:该类用于顺时针旋转 6 度。
  • rotate-12:该类用于顺时针旋转 12 度。
  • rotate-45:该类用于顺时针旋转 45 度。
  • rotate-90:该类用于顺时针旋转 90 度。
  • rotate-180:该类用于顺时针旋转 180 度。
  • -rotate-1:该类用于逆时针旋转1度。
  • -rotate-2:该类用于逆时针旋转2度。
  • -rotate-3:该类用于逆时针旋转3度。
  • -rotate-6:该类用于逆时针旋转6度。
  • -rotate-12:该类用于逆时针旋转 12 度。
  • -rotate-45:该类用于逆时针旋转 45 度。
  • -rotate-90:该类用于逆时针旋转 90 度。
  • -rotate-180:该类用于逆时针旋转180度。

句法:

...

例子:

HTML
 
 
 
     
 
  
 
    

         GeeksforGeeks      

      Tailwind CSS Rotate Class      
      
      
      
      
    
      
      
      
    
   


输出: