CSS滤镜工具 轻松实现多种照片特效 – css Filters

今天和大家分享一款在线 CSS 滤镜工具，CSS 中有一个 filter 属性，可以为元素渲染各种像 PS 软件设计出来的照片特效，比如高斯模糊、透明、色彩反差、黑白、色彩饱和度、亮度等效果处理。

滤镜属性虽然强大，但调试相当麻烦，所以当你要用 filter 属性美化图像效果时，建议使用设计达人网推荐的 css Filters 在线工具。

工具名称：css Filter（CSS 滤镜在线编辑器）
网站链接：http://www.cssfilters.co/

使用教程

STEP 1 上传照片

上传一张你要处理的照片，点击「Upload an Image」按钮上传（实际上不是真正上传，只是使用了 H5技术缓存到浏览器里，所以像秒传一样，这个体验很好）

照片来源：设计导航– 免费高清图库

STEP 2 添加特效

上传后，我们可以从网站预设的照片特效里选取合适的效果，然后通过右侧栏的属性对照片进行微调，直到满意为止。

点击右侧的「CSS CODE」标签，这样就能看到 CSS 了，直接复制即可。

这是一款很不错的 CSS filter 设置工具，能帮我们节省很多的调试图像效果时间，简单快捷，建议网页设计师、前端人员收藏起来，以便日后使用！