文章/答案/技术大牛

发布

社区首页 >问答首页 >如何利用滤波器转换图像

问如何利用滤波器转换图像
EN

Stack Overflow用户

提问于 2018-12-08 21:38:26

回答 3查看 94关注 0票数 2

我有一个简单的图片，里面有透明和红色

我想使用css3中的过滤器将此颜色更改为黄色

这是我到目前为止所拥有的

HTML

 <img src="https://i.stack.imgur.com/3iaXi.png" class="image">

这是css

.image {
    filter: saturate(3); 
}

我试着玩不同的选择--我解决不了这个问题。

我需要换什么才能得到黄色？

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-12-08 21:46:15

我认为您要寻找的是hue-rotate CSS过滤器，与brightness CSS过滤器相结合。为了你的形象，把它变成黄色的用途：

HTML

<img src="https://i.stack.imgur.com/3iaXi.png" class="image">

CSS

.image {
    filter: hue-rotate(60deg) brightness(180%);
}

通过用空格分隔多个CSS过滤器，将它们组合在一起。

nwea/pen/wRvBxa

票数 3

Stack Overflow用户

发布于 2018-12-08 21:43:28

您可以使用sepia过滤器

.sepia-filter {
  -webkit-filter: sepia(1);
  filter: sepia(1);
}

<img src="https://placehold.it/200x200" class="sepia-filter">
<img src="https://placehold.it/200x200" >

票数 2

Stack Overflow用户

发布于 2018-12-08 21:52:54

我终于找到了。这是黄色:)

.image {
  filter:sepia(12) saturate(8) brightness(2);
}

<img src="https://i.stack.imgur.com/3iaXi.png" class="image">

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53687219

复制

相似问题

问如何利用滤波器转换图像
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何利用滤波器转换图像EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何利用滤波器转换图像
EN