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

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

发表于: HTML & CSS. 评论
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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }