css-filters

0热度

1回答

我一直在使用Google Chrome的Stylish扩展程序来浏览xkcd in dark。用户风格的黑暗XKCD使用filter: invert(100%);来使一般白色图像通常较暗。然而，invert食堂用的颜色，比如在这个漫画，通常是这样的：但是，相反，它看起来像这样（代码段，因为它很难直接保存图像）： img { max-width: 70%; /* make image

1热度

2回答

弗罗斯特模糊标题

这里是守望先锋subreddit链接 https://www.reddit.com/r/Overwatch/。有一个与上述类似图像中的彩色/霜玻璃效果的报头。我试图弄清楚它是如何完成的。我知道它使用2个图像：清晰和模糊的一个。看起来整个事情与CSS一起工作，我想重现效果。如何做到这一点的任何提示？

1热度

1回答

模糊背景上的尖锐边缘

对于我目前正在使用的网站，我需要一个背景模糊的标题。我用css ::before来做到这一点，但我需要保留锋利的边缘。这是我目前得到：（您可能需要在全屏幕打开它，看看边缘模糊）的什么我的代码现在的问题是：（View on CodePen） * { padding: 0; margin: 0; box-sizing: border-box; }

8热度

1回答

过滤器：模糊在MS Edge上不起作用

Microsoft Edge不支持filter: blur();。如果我有一个绝对定位的元素filter: blur();，顶部出现的输入会变得很疯狂，与模糊合并（有趣的观看）。这里是一个小提琴来展示会发生什么。在Chrome和Firefox中完美工作，但Edge会变成临界癫痫症。只需点击输入和享受： https://jsfiddle.net/Cthulhu/3uz0Lpfz/2/ 下面是一个代

1热度

1回答

动态应用多个CSS过滤器

假设我想将一系列CSS过滤器应用于图像。这里是我的形象： var img = document.getElementById("my_image.png"); 这里是<input type="range">滑块适用的过滤器： var slider1 = document.getElementById("slider1"); var slider2 = document.getElementB

1热度

2回答

点击打开和关闭CSS过滤器亮度

我正在设置一个页面，其中包含调暗页面部分的按钮。我修改了一些我在这里找到的代码：http://www.jankoatwarpspeed.com/use-jquery-to-turn-off-the-lights-while-watching-videos/ 但是我在javascript/jQuery上很糟糕，我不确定如何让它做我需要的。这里的脚本： $(document).ready(funct

6热度

1回答

CSS模糊滤镜不适用于MS边缘中的某些伪元素

我在伪元素的背景图像上使用模糊滤镜。如果伪元素的z-index是-1，则模糊在Microsoft Edge中不起作用。它没有z-index。（您必须通过Edge中的about:flags手动启用CSS过滤器）。这里的例子：http://codepen.io/anon/pen/WrZJZY?editors=110 这是由于实验的支持（边）还是我在这里做什么了吗？它适用于其他浏览器（Chrome，

0热度

1回答

预呈现CSS滤镜过渡？

是否有可能从该预渲染过渡： filter:blur(10px) grayscale(100%) brightness(50%); ...这样的： filter:blur(0) grayscale(0) brightness(100%); 我希望有一个平稳过渡，但现在的FPS是烦人低。请参阅下面的示例，整页模式。（全高清屏幕上采用了NVIDIA GeForce GT 240M独立测试，因此

0热度

1回答

CSS3过滤器：不透明度（X）与回退到不透明度：X，相同的过滤器：下降阴影（）框阴影

我想开始使用CSS3过滤器：opacity（）和filter：drop-shadow（）属性，目前正在开发中，因为我看到它们在某些机器上的某些浏览器中被硬件加速。但在这个早期，我绝对需要回退到普通的CSS属性，比如不透明和盒子阴影。问题是，放置新旧版本的常规CSS回退策略失败。通常新（如果支持）会覆盖旧的。但在这种情况下，新老是完全不同的属性，将结合！ CSS声明... .half-trans

3热度

1回答

将整个页面设置为黑白

我设法使用反转css功能完成高对比，请参阅（https://css-tricks.com/almanac/properties/f/filter/）。现在我需要看到整个网站在黑色和白色,不灰度。也许有这些功能的组合来产生我需要的效果？我已经尝试了对比（100）灰阶（1）;但它会严重影响字母（哟不能读取它们）。