The Three Musketeers of CSS Shadow Effects: box-shadow, text-shadow, drop-shadow
🍃 If you want the outline of the box to have a shadow effect, use box-shadow
🍃 If you want the outline of the text to have a shadow effect, use text-shadow
🍃 If you want the outline of the non-transparent part of the PNG image to have a shadow effect, use the filter: drop-shadow()
Of course, if you want to generate the mapped shadow color according to the color of the element itself, you can use the blur(), brightness(), and opacity() of the filter to match the color to generate the shadow effect.
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。