适用于Instagram样式过滤器的免费CSS代码生成器
几年前，这需要JavaScript，但如今，您可以使用良好的旧HTML和CSS构建自定义图像过滤器。
在您的网站上添加图片过滤器有多酷？
而且使用cssFilters webapp，您甚至不必编写任何CSS代码！
但是，使用cssFilters时，您无需担心其工作原理，只需自定义设置并复制代码即可。
这个免费的工具可帮助您使用CSS3过滤器构建自定义图像过滤器。
这些过滤器包括所有流行的选择，例如Hudson，Toaster，Inkwell，Lofi等。
在屏幕顶部，您会看到一长条充满自定义Instagram过滤器的栏。
只需将其复制/粘贴到您的网站中，就可以了。
从那里您将同时获得HTML和CSS代码。
您只需单击所需的任何过滤器，然后单击右上角的“ CSS代码”标签。
在“生成器”选项卡下，您可以更改诸如饱和度和对比度以及模糊，灰度，棕褐色甚至是叠加样式（如线性渐变或径向渐变）之类的设置。
但是，您也可以使用设置滑块自定义这些过滤器。
每次移动滑块时，它都会自动更新代码，因此您无需保存任何内容。
您甚至可以通过从计算机上载一幅图像或从Unsplash中选择一幅图像来交换默认图像。
该webapp由Indrashish Ghosh制作 ，它运行CSSgram库中的许多默认类。
现在，我们有了cssFilters作为CSS3图像过滤器的首要生成器。
我们已经有许多CSS3生成器来生成诸如背景渐变和文本阴影之类的属性。
但是自定义设置远远超出了基本预设，而且免费代码生成使它成为编码人员和非编码人员一样方便的工具。
翻译自: https://www.hongkiat.com/blog/code-generators-instagram-filters/