h5 高斯模糊_CSS滤镜工具 轻松实现多种照片特效 – css Filters

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

九月 19, 2016

评论

Sponsor

今天和大家分享一款在线 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 设置工具，能帮我们节省很多的调试图像效果时间，简单快捷，建议网页设计师、前端人员收藏起来，以便日后使用！

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流：结交更多有才华的设计师？请加入UI设计QQ群，与50000名设计师交流设计。

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。

版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站