Tailwind CSS Box Shadow (original) (raw)

Last Updated : 23 Jul, 2025

This class accepts lots of value in tailwind CSS in which all the properties are covered in class form. By using this class we can control the box-shadow of an element. In CSS, we do that by using the CSS Shadow Effect properties of box-shadow.

**Box Shadow classes:

• **shadow-sm: This class is used to create a faded or small shadow effects on the box.
• **shadow: This class is used to create normal shadow effects on the box.
• **shadow-md: This class is used to create _md effects on the box.
• **shadow-lg: This class is used to create _lg shadow effects on the box.
• **shadow-xl: This class is used to create _xl shadow effects on the box.
• **shadow-2xl: This class is used to create _2xl shadow effects on the box.
• **shadow-inner: This class is used to create shadow effects inside the box.
• **shadow-none: This class is used to dilute the shadow effects.

**Syntax:

...

**Example:

HTML `

GeeksforGeeks

`

**Output:

Tailwind CSS Box shadow class