css-filters

1热度

1回答

我创建了一个菜单，其中每个部分都有一个彩色标志。当他们没有悬停时，我已经给出了这个部分的灰度过滤器，但是问题（如said in here）是每个图像都以不同的灰色阴影出现，我知道这是CSS过滤器的正常行为。所以我正在寻找一个类似的CSS解决方案，它允许我在没有悬停的情况下使所有这些徽标处于相同的灰色阴影中，并且一旦我将它们悬停后，它们就会回到原来的颜色。这是我的代码时不悬停： .li.logo

1热度

1回答

在不影响子元素的情况下设置父元素的过滤器亮度

有没有办法实现将CSS filter: brightness()设置为不影响特定/全部（无所谓）子元素的元素的效果？请看下面的例子： function setBrightness (bright) { $('.icon').css('filter', `brightness(${bright})`); // None of these work: //

1热度

2回答

应用CSS3筛选器属性到图像

我工作的一个项目，像我想只适用于图片过滤器对CSS3属性“灰度”显示在墙上不同的图片的特定部分框架区域，而不是整个图像 https://www.w3schools.com/cssref/css3_pr_filter.asp 任何想法如何做到这一点，也许通过应用一些x，y坐标来过滤？感谢

1热度

2回答

CSS的z-index属性不起作用

我想给的“过滤器”属性的悬停效果，以一个div（背景图片）。但它已经对另一个应该结束的div（我的文本）产生影响。我应用了z-index属性（不忘记我的div的位置），但它不起作用。你会看到，我的文字也模糊了，不应该。你能告诉我请问我的代码有什么问题吗？这里是codepen显示我的问题：https://codepen.io/Gillian-D/pen/qmqEQy HTML <div clas

0热度

2回答

CSS过滤器删除H1

我试图在图像上覆盖h1，使用网格; 为了获得更好的对比度，我想在图像上使用filter:brightness(80%) ，不幸的是，它完全消除了h1。有没有解决这个问题的方法？（没有在CSS中的图片网址粘贴）（filter被注释为您申请看看） body{ background: grey; margin: 10px; color: white;

1热度

1回答

Chrome CSS滤镜灰度扭曲图像/文字

情况很简单：我在页面上有内容，我想在打印时对它进行灰度处理。我发现做到这一点的方法是使用CSS滤镜 .body { filter: Gray(); filter: url('#grayscale'); -webkit-filter: grayscale(1); filter: grayscale(100%); } 一切都显示在网站上不错，但扭曲了，当

1热度

1回答

如何清除CSS中父元素放置的过滤器？

我有一个<div>与背景图像，我想要背景图像应用过滤器。但我也希望div包含覆盖图像的<p>标签 - 而我不希望<p>拥有相同的过滤器。如何清除由<div>在<p>中设置的过滤器？到目前为止，我已经得到了什么： <div className="artistDetailImage" style={{backgroundImage: url(${this.props.artistImage})`}

2热度

1回答

如何使用这些stackoverflow答案保存应用了过滤器的画布？

我知道如何将CSS过滤器实际应用于图像的问题已被多次询问。有些答案并未实际使用CSS过滤器，但似乎仍能完成工作。不幸的是，我对JavaScript很陌生，我不明白这些答案。所以，我的问题是两个部分：由于一些这些答案都老了，已经发展节能与CSS滤镜画布图像应用的一种方式？如果不是，我该如何实现其中一个stackoverflow答案中描述的解决方案？我基本上需要一个实际应用多个滤镜到图像或像素的

7热度

1回答

后台中心与变换的3D和过滤模糊在Firefox

inb4：对不起，这需要超长加载可怕的超大图像，点击链接并阅读问题，如果以后你不喜欢等待！因此，我正在制作一个网站，其中我用2d图像移动鼠标使虚假的3D效果的this prototype。我想在用户点击其中一个三角形时突出显示滤镜模糊效果。我的问题是it completely breaks in firefox当我添加的模糊。我没有问题，但在Chrome浏览器的模糊，但由于某种原因在Firef

-1热度

4回答

如何在滑块图像上应用深蓝色滤镜

我正在尝试制作深蓝色滤镜已经有几个小时了！因此，不仅是“灰度”使用或亮度过滤器。我听说过SVG，并试图了解如何在这种情况下使用它，但我甚至不知道SVG是否适用于我的情况，尝试了所有这些webkit过滤器，并过滤了属性，而且我真的不能得到那个深蓝色的过滤器而且在谷歌我无法找到如何使一个深蓝色的过滤器，或其它自定义过滤器我只能通过编辑图像，不过我真的需要使它CSS，JS什么的。我告诉你结果想：