Did you know that you can apply a drop-shadow to PNG images? This drop shadow will follow the outline of the image!
In this article, I'll show you how to achieve this drop shadow effect in Tailwind CSS.

In the above image, you can see the default PN...

Hashnode is a community-driven platform for developers to share knowledge, ask questions, and connect with peers in the tech industry. Developers can learn about new technologies, programming languages, and software development methodologies, engaging in discussions, and networking with fellow developers to expand their knowledge and grow their careers in tech.

Hashnode

In Tailwind CSS, you can apply a drop-shadow effect to PNG images. This drop shadow will follow the outline of the image. The box shadow effect can be added by using any of the following classes. If you are still in Tailwind V2, you'll have to use the filter class as well.

Tailwind CSS drop shadow effect for PNG images

<p>Did you know that the drop shadow works for PNG images?</p>


<p>filter: drop-shadow(2px 2px 2px gray);</p>
