css-filters

1热度

2回答

我有一个div背景图像，我使用过滤器以黑白显示（filter: grayscale(100%);）。我现在试图在该div内放置一个颜色图标。试图将图标设置为grayscale(0%)，但这似乎不起作用。下面是一个例子： #a1, #a2 { background-image: url(http://ndrichardson.com/blog/wp-content/uploads/2

0热度

2回答

在画布上应用并保存图像效果javascript

我必须实现具有灰度，模糊等效果的图像过滤器。我拥有dataURL格式的图像。有人可以引导我的过程中实现它，而不会丢失图像大小？如果我将图像添加到画布进行操作，它会缩放到画布框大小。也无法将css过滤器应用于画布/图像并保存。当我保存，它具有原始图像

0热度

1回答

svg过滤器悬停在safari＆chrome中不起作用

我有一个美国地图，其中某些地区已分组。在每个地区悬停时，我应用了阴影。在Firefox中很棒！但在Safari中，这组svg对象在悬停时消失，并且在chrome中什么也没有发生。由于这是一个悬停效应，我不能把这些defs在别处引用。有没有合理的解决方案？这是我试图使用CSS： filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.5)); -webkit-f

3热度

1回答

阴影css过滤器不能用于safari 9.1

drop-shadow css过滤器不能用于safari 9.1，请建议任何可能的方法来解决这个问题。我一直在使用渲染元素的类，但元素背景由于过滤器而不可见。 .class{ fill: #7FADC1; filter: url(#dropShadow); filter: drop-shadow(0 1px 2px #D5D5D5); }

3热度

1回答

CSS过滤器应用程序订单

似乎CSS过滤器不遵循与其他CSS属性相同的规则，包括覆盖和应用程序的顺序。首先，它们只能被后代元素中的过滤器重叠，不能重写（替换）。其次，改变CSS规则特异性似乎并没有改变这些过滤器的应用顺序。这是我现在处理的问题。正如在JS Bin中所看到的那样，亮度滤波器在倒置滤波器之前被应用，导致我所需要的相反效果。我需要首先将反转过滤器应用于祖先，然后将亮度过滤器应用于特定的后代。我想出的唯一解决

0热度

1回答

通过过滤器重复使用背景图像

我的项目使用两个JPG作为两个不同闪屏的背景纹理。图像完全相同，但是颜色倒置。我想知道是否有一种方法可以消除第二个图像（倒置的颜色），并使用filter来实现相同的结果。问题是，我不知道如何应用样式/结构内容，所以我可以限制过滤器只是背景图像。 HTML <header class="header"> <div class="splash splash-one">Page Title<

2热度

1回答

-webkit过滤器和过渡使Chrome中的视频元素flim

我使用CSS过滤器（-webkit过滤器）与过渡，以改变一些SVG图标的亮度和不透明度时，将鼠标悬停在它们上面。它的工作方式与图标一样，但也会在转换过程中使页面上的视频元素变得更加光滑。如果我删除过渡，视频不会变得更加脆弱。下面是代码的相关位： HTML： <div class="icon"></div> <video src="http://clips.vorwaerts-gmbh.de/Vf

9热度

3回答

为什么过滤器（阴影）导致我的SVG在Safari中消失？

我正在使用D3.js开发一个应用程序。我被拖了一段时间，最近又回到了它。今天我发现，虽然过去效果很好，但应用中的SVG地图不再显示在移动Safari（iOS 9.3.1）或桌面Safari（v9.1（11601.5.17.1））上。我提取了SVG和单个样式规则，并将它们放在CodePen上以说明发生了什么。在Chrome中，这支笔看起来很好。在Safari中，它将完全空白。 https://co

10热度

1回答

位置予以确定不工作时，应用相同的元素的CSS过滤器在微软边缘

我在边缘20.10240.16384.0 我有一个元素，它的位置是固定的，并已应用CSS过滤器测试此。这适用于所有浏览器，除了Microsoft Edge以外，其中元素的位置不会保持不变。此问题与CSS3过滤器直接相关，因为删除它们会使位置固定正常工作下面是一个基本示例。它在Microsoft Edge以外的浏览器上正常工作（也就是固定背景保持不变）。 <!DOCTYPE html> <h

4热度

1回答

在IE11中有背景模糊的CSS吗？

所以问题是：当打开弹出窗口时，我想让背景可见但模糊。我不是在问图像模糊，我是在为页面添加模糊问题，我想知道目前是否有任何仅用于CSS的解决方案？还有其他类似的问题，但其中一些要求任何解决方案，包括javascript解决方案，而其他人搜索图像模糊，而不是背景模糊，其他人都很老，所以也许有一些新的CSS浏览器特征。没有其他问题在stackoverflow中只有ie11的CSS解决方案才能解决我所