如何查询 Instagram 风格 CSS 滤镜定义

填写一个受支持的滤镜名称并提交，即可查看对应的 CSS 定义和描述；不填写或使用未识别名称时，查询会采用 normal。

先了解查询对象

按名称查询 Instagram 风格的 CSS 滤镜定义，适合网页设计、样式整理或需要确认预设写法的场景。你可以先选定一个预设，再查看它对应的 CSS 定义与描述文字，从而判断后续样式规则应引用哪一种效果。这里提供的是定义信息，不会接收图片并修改其中的像素，也不包含已验证的实时预览。

按名称获取 CSS 定义

1. 先确定要查找的预设名称。当前定义的名称有 normal、clarendon、gingham、lark、reyes、juno、valencia、xpro2、willow 和 nashville，名称应按列出的英文拼写填写。
2. 在名称输入控件中输入选定内容；如果只是想查看默认结果，也可以不填写。省略输入时，查询会采用 normal。
3. 提交后阅读返回内容，重点查看所选名称、CSS 滤镜定义以及随附的描述文字。这样可以把预设名称与实际 CSS 写法对应起来，而不是只根据名称猜测效果。
4. 若准备把结果用于网页样式，可将返回的定义作为样式规则中的参考，再由你根据页面结构决定具体的引用位置。查询 normal 时，定义表示不使用 CSS 滤镜；其他预设则可能由亮度、对比度、饱和度、色相旋转、棕褐色或灰度等 CSS 函数组合而成。
5. 如果名称来自表单、配置文件或其他用户输入，提交前请对照支持列表检查拼写。尤其要注意，未识别的文字不会被当作新的预设保存，而会触发默认名称的处理，因此核对返回定义比只看输入框内容更稳妥。

从返回内容确认匹配结果

返回的内容应理解为一次名称匹配和定义查询：识别到的预设会带回相应 CSS 写法及说明，结果本身不等于已经完成图片处理。normal 的定义表示不施加 CSS 滤镜，其他已定义名称则可能包含前述一种或多种 CSS 函数。

名称不在支持列表内时，工具会把它替换为 normal，计算仍会报告成功。因而，成功状态只能说明这次查询完成，不能单独证明原始名称已经被识别；请同时查看返回的实际名称或定义。若返回内容显示的是 normal，应回头检查输入是否遗漏、拼写是否有误，或确认你是否本来就需要默认效果。

使用示例

网页设计者需要确认 juno 的 CSS 写法，再决定后续样式规则如何引用该预设。

网页设计者在滤镜名称输入控件中填写 juno，提交查询后查看返回的定义与描述。

返回内容应包含 juno 对应的 CSS 滤镜定义和描述文字。

使用限制

• 返回结果限于按名称选择的 CSS 滤镜定义与相关说明，不直接执行图片像素编辑，也不提供已验证的实时预览。

常见错误

• 错误原因：把任意自定义文字当成受支持的预设名称。改正方法：提交前对照名称列表检查拼写，并以返回的实际定义确认是否发生了 normal 回退。

常见问题

不填写滤镜名称会得到什么结果？

名称留空时，系统会使用 normal，返回内容会说明该名称不施加 CSS 滤镜。

使用不存在的滤镜名称会报错吗？

输入不属于支持列表的文字时不会因为名称本身而报告失败，而是改用 normal 并继续报告成功；查看实际返回定义即可确认这一点。

这个工具能直接修改图片吗？

它不会直接改动图片像素，而是按照名称提供 CSS 滤镜定义和描述，方便你在后续网页样式中参考。