CSS 滤波器生成器

CSS滤波器生成器是CSS滤波器属性的可视化编辑器,您为每个滤波器功能移动一个滑块 - 模糊,亮度,对比度,饱和度,灰度,棕褐色,反转,色调旋转和不透明度 - 并观察效果实时应用于预览,然后复制其产生的确切CSS。

过滤器属性直接在浏览器中应用了模糊、变色和对比度调整等图形效果，无需图像编辑器。 多个函数可以在一个声明中链接并按顺序应用，这就是复古、温暖和戏剧等照片风格的外观。 此工具为您管理该链，并仅输出您实际更改的功能，保持 CSS 清洁。

一切都发生在您的浏览器中。 从复古或灰度等预设开始，微调每个功能，然后复制声明。 没有帐户，没有上传，一旦页面加载，它就会继续脱机工作。

Filters 按照写入的顺序应用,顺序会改变结果:灰度那么深褐色就不一样了,深褐色那么灰度,因为第一个去掉了第二个会着色的颜色,值得知道的 gotcha 是结构性的,而不是视觉性的,任何一个有非无滤镜的元素都会成为其固定且绝对定位的后代的包含块,因此过滤后代内部的下拉或模态会将自身定位在那个父级而不是视口上,它还创建了一个新的堆叠上下文,可以打破以前工作过的 z 索引排序,如果一个滤镜以看起来与外观无关的方式破坏布局,那几乎总是为什么大多数浏览器都会加速 GPU 滤镜,但大元素上的大模糊半径仍然很昂贵。