【问题标题】:Getting "square" box-shadow around transparent background PNG. How do I curve a css shadow around an image? [duplicate]在透明背景 PNG 周围获取“方形”框阴影。如何在图像周围弯曲 CSS 阴影? [复制]
【发布时间】:2012-07-25 15:31:09
【问题描述】:

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

感谢您查看我的问题。

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

但是阴影是图像周围的一个正方形,而不是跟随图片中人周围的路径。

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

非常感谢您的任何建议:)

【问题讨论】:

  • 不可能,您可以使用 Photoshop,为图像添加阴影,然后在悬停时更改该图像

标签: javascript html css photoshop


【解决方案1】:

使用 CSS 是不可能的。使用图像精灵并在悬停时更改背景位置。

这是工作的fiddle

【讨论】:

猜你喜欢
  • 2021-04-12
  • 2017-03-13
  • 1970-01-01
  • 2011-07-16
  • 1970-01-01
  • 2012-10-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多