📌  相关文章
📜  Tailwind CSS 过渡持续时间

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

这个类在tailwind CSS中接受很多值，其中所有属性都以类的形式覆盖。 transition-duration 类用于指定完成过渡效果的时间长度(以秒或毫秒为单位)。在 CSS 中，我们通过使用 CSS transition-duration 来做到这一点。

过渡持续时间类：

  • duration-75：这个类用来取75ms的过渡时间。
  • duration-100：这个类用来取100ms的过渡时间。
  • duration-150：这个类用来取150ms的过渡时间。
  • duration-200：这个类用来取200ms的过渡时间。
  • duration-300：这个类用来取300ms的过渡时间。
  • duration-500：这个类用来取500ms的过渡时间。
  • duration-700：这个类用来取700ms的过渡时间。
  • duration-1000：这个类用来取1000ms的过渡时间。

句法： 

...

例子：

HTML
 

 
     
 
  
 
    
 
        GeeksforGeeks 
    
 
    Tailwind CSS Transition Duration Class 
    
 
        
        
        
        
    
 
 
  

输出：

过渡持续时间类