【问题标题】:Is it possible to apply drop shadow to only one segment of the png image?是否可以仅对 png 图像的一部分应用投影?
【发布时间】:2020-04-29 11:34:28
【问题描述】:

剩下的问题我们将参考这张图片:https://images.app.goo.gl/7v6wQfheMw2vivSu5

我的用例是我试图在上面的链接中显示相框元素内的一组随机图像。

相框是 PNG,我想只给相框的右侧添加阴影。框架的形状可能会改变。

我尝试使用 css 的 drop-shadow 属性,它确实通过尊重框架解决了部分问题,但是它将阴影应用于框架的两侧,我只希望它在右侧框架。

这完全可以用CSS来实现吗?

【问题讨论】:

  • 为什么不直接使用box-shadow
  • @ZohirSalak Box shadow 将为图像元素添加阴影,而不是图像本身
  • 我不确定我理解你的意思,你能提供一个代码 sn-p 来说明这个问题吗?

标签: css dropshadow


【解决方案1】:

删除您的 dropshadow 并将以下内容添加到您的 CSS 代码中:box-shadow: 10px 0 5px -2px #888;

希望对你有帮助,如果不告诉我

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-08
    • 2010-12-03
    • 2014-07-04
    • 2010-09-28
    • 1970-01-01
    相关资源
    最近更新 更多