Add shadow to irregular png image content

Generally, attributes are used to add shadows box-shadow, but it can only add shadows to the box border, and cannot add shadows to the shape of the picture. At this time, you need to use the filter:drop-shadow()filter function to create shadows on the content of the image.

Use box-shadowattribute effects
insert image description here

Use filter:drop-shadow()filter effects
insert image description here

Reference address: https://www.shejiku.net/pngtpyyxs.html

filterThere are other attribute values ​​​​such as filter:blur(1px);achieving Gaussian blur effects
insert image description here

Guess you like

Origin blog.csdn.net/weixin_44801790/article/details/128134610