Basic example
For light design and bright compositions use standard shadows. To apply a shadow to an element simply add one of the following classes to it.
.shadow-none
removes shadows
.shadow-sm
.shadow
.shadow-md
.shadow-lg
.shadow-xl
Hey there 👋 we want to make Tailwind Elements a community-driven project. It's open source and free, and we would like it to stay that way. If you enjoy it, help the project grow by sharing it with your peers. Every share counts, thank you!
Strong shadows
Inner shadow
Use the .shadow-inner
utility to apply a subtle inset box
shadow to an element. This can be useful for things like form controls or
wells.
Shadow on hover
Use .transition-shadow
class to the element to apply a shadow
hover effect.

Images with shadow
Theoretically, depending on the brightness of the image you should use standard or strong shadow. However, practical use shows that in most graphics strong shadows work better in most cases with images.





