gpt4 book ai didi

javascript - 更改 png 图像背景颜色

转载 作者:行者123 更新时间:2023-12-04 10:43:13 44 4
gpt4 key购买 nike

我只想将png图像背景更改为悬停时为蓝色 不使用其他图像。只是CSS。我让 css 过滤器完成了这项工作,所以我尝试了几种方法但没有运气。我使用了 css 过滤灰度方法。除了灰度之外,还有什么可以改变这个#05adef 的背景颜色吗?这是fillde

img{
width: 120px;
}

img:hover{
filter: grayscale(100%);
}
<img src="https://cdn.freebiesupply.com/logos/large/2x/fox-news-logo-png-transparent.png" alt="">

最佳答案

使用 background-color:#05adef
或者你可以 use hue-rotate(deg)但问题是你必须寻找完美的 Angular 来匹配所需的颜色。还可以结合使用反转和对比度来更好地控制颜色。

img{
width: 120px;
}

img:hover{
filter:invert(100%) hue-rotate(24deg);

}
<img src="https://cdn.freebiesupply.com/logos/large/2x/fox-news-logo-png-transparent.png" alt="">

关于javascript - 更改 png 图像背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59834742/

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