📜  Tailwind CSS 翻译

📅  最后修改于: 2021-09-01 02:51:51             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。此类用于通过变换来翻译元素。在 CSS 中,我们通过使用 CSS translate()函数来做到这一点。

翻译课程:

  • translate-x-{amount}:这个类保存了对应于 x 轴的平移长度。
  • -translate-x-{amount}:该参数保存了反向 x 轴对应的平移长度。
  • translate-y-{amount}:该参数保存对应于 y 轴的平移长度。
  • -translate-y-{amount}:该参数保存了对应于反向 y 轴的平移长度。

注意:金额完全取决于您的选择,您可以将其设置为百分比,也可以直接输入rem值。

句法:

...

例子:

HTML
 
 
 
     
 
  
 
    

         GeeksforGeeks      

      Tailwind CSS Translate Class      
      
      
      
      
    
      
      
      
    
   


输出:

顺风CSS翻译类