CSS图书馆 » HTML & CSS » 一套带动画图标素材下载(Web版)

一套带动画图标素材下载(Web版)

发表于: HTML & CSS, 优秀设计资源. 评论 (2)
赞助商链接

随着扁平化设计的流行,目前很多图标都使用了扁平化制作,由于是平面的,图标文件大小会比拟物化小很多,所以现在开始流行“动画图标”了,或许你想到的是GIF图标,但这里分享的这套动画图标不是使用GIF,而是使用新的CSS3 Animation属性制作,这个教程前面我们也分享过,请看《利用CSS Sprite实现PNG图片动画》一文。

animated-icon

这套动画图标由Kickdrop通过Adobe After Effects软件将动画制作出来,然后转成HTML,最终效果是鼠标经过图标(hover),然后图标会动来的效果。如下图

animated-icon-css-hover

鼠标hover效果

喜欢这套动画图标吗?记得分享和mark到微博上哦!

下载地址:微盘下载

PS:作者kickdrop.me网站还有少量不错的素材,大家可以去看看。

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。