📜  Tailwind CSS 框阴影

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

这个类在顺风 CSS 中接受很多值,其中所有属性都以类的形式覆盖。通过使用这个类,我们可以控制一个元素的 box-shadow。在 CSS 中,我们通过使用 box-shadow 的 CSS 阴影效果属性来做到这一点。

框阴影类:

  • shadow-sm:此类用于在框上创建褪色或小阴影效果。
  • shadow:这个类用于在盒子上创建正常的阴影效果。
  • shadow-md:这个类用于在盒子上创建 md 效果。
  • shadow-lg:这个类用于在盒子上创建lg阴影效果。
  • shadow-xl:该类用于在盒子上创建 xl 阴影效果。
  • shadow-2xl:该类用于在盒子上创建 2xl 阴影效果。
  • shadow-inner:这个类用于在盒子内部创建阴影效果。
  • shadow-none:该类用于淡化阴影效果。

句法:

...

例子:

HTML
 
 
     
 
  
 
    

          GeeksforGeeks      

      Tailwind CSS Box Shadow Class      
          
shadow-sm         
        
shadow         
        
shadow-md         
        
shadow-lg         
        
shadow-xl         
        
shadow-2xl         
    
      


输出:

Tailwind CSS Box 阴影类