📜  Tailwind CSS 过渡属性

📅  最后修改于: 2021-08-30 09:57:54             🧑  作者: Mango

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。 transition-property 类用于指定将发生过渡效果的 CSS 属性的名称。在 CSS 中,我们通过使用 CSS transition-property 来做到这一点。

过渡属性类:

  • transition-none:该值用于指定没有类将获得过渡效果。
  • transition-all:所有的类都会得到一个过渡效果。这也是此类的默认值。
  • 过渡:我们可以指定将应用过渡效果的 CSS 属性的名称。我们还可以通过用逗号分隔来指定多个属性。
  • transition-colors:该值用于指定颜色类将获得过渡效果。
  • transition-opacity:该值用于指定不透明度类将获得过渡效果。
  • transition-shadow:该值用于指定阴影类将获得过渡效果。
  • transition-transform:该值用于指定转换为定义的形状。

句法:

...

例子:

HTML
 

 
     
 
  
 
    

          GeeksforGeeks      

      Tailwind CSS Transition Property Class      
                                          
      


输出:

不同的属性类