gpt4 book ai didi

html - 只对图像的一部分进行灰度化?

转载 作者:搜寻专家 更新时间:2023-10-31 22:47:18 25 4
gpt4 key购买 nike

在css中是否可以只对图像的一部分进行灰度化?
我试过使用过滤器无济于事,似乎想不出任何方法来实现这一目标。你有什么想法吗?

我想让这个图像只在这个页面的黑暗部分变灰。

Image

最佳答案

我以前做过类似的事情来实现...

  1. 使用 div 并将其 background-image 设置为图像。
  2. 设置 background-position 并对其进行绝对定位,使其看起来是同一张图片。
  3. 使用 CSS 在 div 上设置灰度。

jsFiddle .

对于您想要的确切内容,我可能会将其设置为黑色背景,并根据需要设置 opacity,并为顶部效果设置顶部嵌入阴影。

关于html - 只对图像的一部分进行灰度化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14825206/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com