Grayscale
100%
Filter Stack
filter: grayscale(100%);
design / 可用工具
对比/模糊/灰度滤镜组合即见器
极速拖拽拉伸产生出诸如 `filter: blur(2px) grayscale(100%);` 等极其复杂的复式视觉效果组合。配备实时覆盖原图的热响应。支持自由组合发现意想不到的滤镜效果。
DesignCSSFrontend
视觉与图形
CSS 高级图像滤镜
CSS CSS Filter Rule
filter: none;
使用场景
- 遇到哀悼日，需要把网站图标全部通过滤镜挂暗或者置灰。直接在这试参数。
如何使用
- 1. 直接拖下方的范围滑块。若需要代码直拷左下的样式挂载到你的 DOM 里即可。
示例输入输出
FAQ
兼容性很差？
此技术早在 6 年前就全面占据现代设备。手机端照吃不误。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。