我有一个PNG图像,有自由格式(非正方形).
我需要对此图像应用阴影效果.
标准方法......
-o-box-shadow: 12px 12px 29px #555;
-icab-box-shadow: 12px 12px 29px #555;
-khtml-box-shadow: 12px 12px 29px #555;
-moz-box-shadow: 12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow: 12px 12px 29px #555;
Run Code Online (Sandbox Code Playgroud)
...显示此图像的阴影,就像它是一个正方形.所以,我看到我的图像和方形阴影,不符合对象的形式,显示在图像中.
有没有办法正确地做到这一点?
可能重复:
您可以使用CSS为PNG内容添加非方形投影吗?
谢谢你查看我的问题.
有一个问题,我在css中设置图像的悬停有一个盒子阴影:

但阴影是图像周围的正方形,而不是沿着图片中的人的路径.
图像是PNG-24,背景透明.我在某个地方犯了一个愚蠢的错误吗?这可以实际完成或者我是否需要以某种方式从Photoshop中删除方形画布或通过javascript将图像替换为带阴影的相同图像?
非常感谢任何建议:)