在透明背景PNG周围获得“方形”框阴影。如何在图像周围弯曲css阴影?

时间:2012-07-25 15:31:10

标签: javascript html css css3 photoshop

  

可能重复:
  Can you add a non-square drop shadow to PNG content with CSS?

感谢您查看我的问题。

有一个问题,我在css中将图像悬停设置为具有框阴影: example

但是阴影是图像周围的正方形,而不是沿着照片中的人的路径。

图像是PNG-24,背景透明。我在某个地方犯了一个愚蠢的错误吗?这可以实际完成,还是我需要以某种方式从Photoshop中删除方形画布,或通过javascript将图像替换为带阴影的相同图像?

非常感谢任何建议:)

1 个答案:

答案 0 :(得分:9)

CSS无法实现。使用图像精灵&在悬停时改变背景位置。

这是工作fiddle