html的图片滤镜效果,CSSgram：让CSS滤镜帮你实现漂亮的图像特效

CSSgram：让CSS滤镜帮你实现漂亮的图像特效

10月 29, 2015

评论

Sponsor

CSS滤镜(CSS filter)不少前端人员知道，但大多数的用法十分单一，用得最多的就是黑白应用，其实还有很多高级的应用，对设计师来说也需要知道的，以后对图片特效处理又多一种设计方案选择了。

今天主要和大家介绍 CSSgram 这个CSS滤镜特效库，作者为其创建出很多美丽的图像效果，并且这个CSS滤镜库是小于1KB，效果的实现方法主要使用 CSS filter 和 CSS Blen Mode(混合模式)来实现。

使用教程

STEP 1: 下载 CSSgram 样式库

STEP 2: 载入CSSgram样式库

STEP 3: 在图片上级元素添加对应特效的 Class.

最后，如果你不想用所有效果，可以单独添加所需样式表，如：

滤镜效果一览

目 CSSgram 前开发者编写了14种图片特效，均以CSS filter 或结合 CSS Blend 实现，设计师可以选择自己喜欢的效果应用到项目上，这也是不错的选择。

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

交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

赞助商链接

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

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

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站