腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
灰度
应用
mix-blend-mode
html
、
css
有没有一种方法可以用
灰度
来
应用
mix-blend-mode
: difference? 背景可以是任何颜色,差异给我相反的文本颜色,这可能是丑陋的。下面的代码片段显示了问题: .color { height: 20px;}
mix-blend-mode
浏览 24
提问于2021-01-27
得票数 1
回答已采纳
7
回答
将
灰度
滤镜
应用
于div
jquery
、
html
、
css
尝试将
灰度
滤镜
应用
于位于主背景上方的div。我想知道
使用
jQuery、CSS3或HTML5是否可以做到这一点。我尝试了一些新的CSS3/HTML5技术,但没有成功。
浏览 10
提问于2013-04-02
得票数 6
回答已采纳
2
回答
使一个从颜色到
灰度
的图像在会合点上褪色
image
、
css
我试着制作一个从颜色到
灰度
的图像,有一个淡出或平滑的东西,而不是在颜色和
灰度
之间的交汇点上的一条锋利的线条。content: ""; left: 0; top: 0;} (注意,在颜色和
灰度
之间的交汇点有一条直线
浏览 3
提问于2015-03-07
得票数 6
回答已采纳
1
回答
混合混合模式不适用于firefox中的svg元素
css
、
angular
、
svg
svg有一个混合混合模式的元素:颜色与img混合: <path d="M456 410.5L2.5 497L3... 410.5Z" fill="white"/>这段代码在Chrome上完美地工作,它混合并创建一个
灰度
过滤器,但是在Firefox上,它不能混合,混合混合模式根本不能工作。
浏览 6
提问于2022-01-06
得票数 -1
1
回答
如何
使用
混合混合模式处理文本颜色
html
、
css
、
mix-blend-mode
我试图
使用
CSS中的
mix-blend-mode
来操作文本颜色。我有一些内容在图片上面,文字的颜色是白色的,我的图像有一个白色的形状。当文本位于形状的顶部时,我想要混合文本。我已经尝试过一些测试,如果我在身体上
应用
mix-blend-mode
,而不是在元素上
应用
,我就得到了我想要的结果。我不能在身体上
使用
mix-blend-mode
,有什么方法可以得到相同的结果,但是不
使用
mix-blend-mode
呢?CSS: b
浏览 5
提问于2016-02-20
得票数 1
回答已采纳
3
回答
CSS
灰度
滤镜和背景混合模式在同一时间?
css
、
background
、
css-filters
、
background-blend-mode
我正在尝试以photoshop文件中的方式处理图像-将图像去饱和化到
灰度
,然后
应用
具有倍增混合模式的颜色覆盖。为此,我
使用
...设置CSS背景图像的样式。multiply */ background-blend-mode: multiply;这样做的问题是
灰度
滤镜最终会降低混合模式下的红色饱和度换句话说,乘法首先发生,然后是
灰度
。我如何切换它,以便首先
应用
灰度</
浏览 9
提问于2014-09-15
得票数 14
回答已采纳
1
回答
如何
使用
混合-混合-模式和隔离的CSS组合?
html
、
css
、
mix-blend-mode
.bg-red {}
mix-blend-mode
: difference;} .isolate {
浏览 39
提问于2018-04-13
得票数 6
1
回答
共混模式CSS3
css
、
blending
我正试图在混合模式的图像上实现类似字母的东西。<div id="box"> <img src="https://www.epicurrence.com/images/speakers/julie.jpg" /> <div id="overlay">J</div>不能让它起作用。
浏览 3
提问于2016-04-24
得票数 0
回答已采纳
3
回答
使用
CSS更改SVG图标的颜色,类似于
灰度
,但更改为蓝色的阴影。
css
、
svg
我有一个SVG图标列表,其中有颜色,用于显示如下所示,我希望能够重用这些SVG在我的网页
应用
程序,但改变颜色的图标,这样,而不是显示颜色,它只显示一定的颜色。(蓝色)是否有办法通过CSS将其更改为类似于
灰度
的蓝色?(我宁愿不上传一个单独的SVG来完成这个任务)但是,我不想要正方形的背景就在图标后面。height: 100%; left: 0;} background-color: gray;
浏览 3
提问于2022-01-09
得票数 1
回答已采纳
2
回答
当更改页面上其他元素的混合模式时,背景过滤器无法工作。
css-filters
、
mix-blend-mode
浏览器版本为Chrome 87.0.4280.88无论如何,我将暂时停止
使用
悬停效果,但是如果有一个诡计,那么最好让世界知道这一点。
浏览 5
提问于2021-02-15
得票数 3
1
回答
使用
筛选器时的模糊CSS转换
css
、
css-transitions
我正在开发一个
使用
CSS创建六边形的站点。该技术
使用
变换旋转一个盒子,夹紧边缘
使用
overflow:hidden,然后旋转图像在相反的方向上出现直线和显示六边形,我修改使它工作。我现在遇到的问题是,我想在我的设计中
应用
灰度
过滤器,我发现我所有的转换现在都是模糊的。在中,我看到图像和文本开始锐利,在悬停时变得模糊,然后返回锐利。
浏览 0
提问于2015-04-17
得票数 8
回答已采纳
1
回答
混合模式差
css
、
mix-blend-mode
absolute; left: 10px; font-size: 62px; color: #fff;
mix-blend-mode
浏览 1
提问于2017-11-23
得票数 0
回答已采纳
5
回答
如何
使用
几个选择器和事件更紧凑地编写此jQuery代码?
javascript
、
jquery
、
html
当悬停某些元素时,我
使用
一些JavaScript来更改一些样式。由于这种情况在我的登录页上发生了大约六次,所以我复制了六次,并更改了相应的类。$('.main1').hover(function() { $('.main1 img').css('
mix-blend-mode
', 'luminosity'); }, functio
浏览 2
提问于2018-09-01
得票数 1
2
回答
混合混合模式并不总是有效的。
css
、
mix-blend-mode
此外,在这个块后面必须有一个图像,所以简单地在这个块上放置颜色(不透明)梯度是不行的,而且必须
使用
mix-blend-mode
。<div id="stage"><img ...除了滚动条的轨道是不可见的,因为它是黑色和
mix-blend-mode
: screen被
应用
到.layer和滚动条的拇指有错误的颜色。为了避免滚动条混合,我尝试将
mix-blend-mode
应用
于.scroll-box,但由于某些原因,这是行不通的。 Qu
浏览 3
提问于2017-06-26
得票数 0
回答已采纳
2
回答
在css中基于背景反转文本颜色
css
、
text
、
colors
、
background
、
less
我有一个不同深浅的蓝色网格,每一个都包含文本,如果背景是深色,我需要文本是白色的,反之亦然,我有:isolation: isolate;
mix-blend-mode
: difference
浏览 4
提问于2018-06-22
得票数 4
回答已采纳
3
回答
是否可以将多个png图像转换为“协调”它们的配色方案?
css
我想做的是
应用
相同的css代码对所有的图像,以协调他们的颜色。例如,如果你访问Nextjs网站并向下滚动,他们有一堆公司标识,它们都是灰色的。我希望建立一些类似的,但有点蓝色调。
浏览 4
提问于2022-01-24
得票数 0
1
回答
CSS
mix-blend-mode
无法处理文本和背景图像
css
、
colors
、
background
、
mix-blend-mode
在我的新项目中,我想
使用
mix-blend-mode
: difference为我的徽标(顶部中心),但它不工作。在CSS中,我
使用
了以下内容:
mix-blend-mode
: difference;问题出在哪里?
浏览 4
提问于2021-05-03
得票数 0
1
回答
混合模式适用于一个元素,而不是另一个元素。
css
、
mix-blend-mode
我在css生成的内容上
使用
mix-blend-mode
来创建一个成倍的背景效果。当我将生成的元素
应用
于外部包装时,它具有预期的效果:.standard-cover { color: #fff; <h2>A title</h2> </div&
浏览 4
提问于2019-12-20
得票数 1
4
回答
采用混合混合模式后的较厚文本:差异
css
、
text
、
mix-blend-mode
我录制了我的浏览器,以显示一个工作示例:从我的研究中,我发现实现这一目标的最佳方法是
使用
mix-blend-mode
: difference;。最初,我想提供演示,但是
mix-blend-mode
没有在代码片段中工作。我不知道为什么,我见过其他人在演示中
使用
它,但对我来说,它是突出红色。总之,下面是一张图片(浏览器截图的一部分):正如您所看到的,
应用
mix-blend-mode
: difference;后文本显然更厚。也许这没什么大不了的,但是当我把这个
应
浏览 6
提问于2017-08-25
得票数 12
1
回答
在FF和Chrome中
mix-blend-mode
multiply的工作方式不同
html
、
css
、
google-chrome
、
firefox
、
filter
我正在修改
mix-blend-mode
属性以将滤色器
应用
到图像上,但似乎
mix-blend-mode
multiply在Chrome和FF中的工作方式不同。 background: radial-gradient(circle, rgba(236, 205, 169, 0.2) 55%, #321E07 100%); background: radial-gradient(circle, rgba(246, 189
浏览 0
提问于2015-11-11
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
民生银行互联网服务灰度发布的应用实践
公众号灰度内测 “付费合集” 功能,可使用微信豆购买
SpringCloud 应用在 Kubernetes 上的最佳实践 — 线上发布(可灰度)
探究 CSS 混合模式\滤镜导致 CSS 3D 失效问题
神奇的 CSS3 混合模式
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券