使用CSS为PNG图像投下阴影

原文:https://www . geesforgeks . org/drop-shadow-for-png-image-using-CSS/

有一种基本的方法可以在图像上添加阴影效果，但是这种效果会表现得像图像是正方形一样，所以有另一种方法可以在 PNG 图像上添加阴影。正常的阴影效果将总是为图像放置一个正方形的图像阴影，它可以是正方形的或者不能是正方形的，但是阴影将总是正方形的。滤镜:投影()；和文字-阴影()；属性比框影:()属性更赏心悦目。

语法:

filter: drop-shadow();


示例 1: 本示例使用 filter: drop-shadow()属性在 pngimage 上添加阴影效果。

Drop shadow effect on png

    "https://media.geeksforgeeks.org/wp-content/uploads/20190405213436/left90.png" />

                                  

输出:

示例 2: 本示例区分滤镜:投影()；、文-影()；和框影:()；属性。

输出: