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

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

发表于: HTML & CSS, 优秀设计资源. 评论 (2)
Sponsor

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

animated-icon

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

animated-icon-css-hover

鼠标hover效果

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

下载地址：微盘下载

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

赞助商链接

与 、、、 相关的文章

赞助商链接
设计达人微信交流社区：shejidaren888
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
«
»

+ 添加评论2 Responses to “一套带动画图标素材下载(Web版)”

  1. 虚无之地 - 回复
    2014 年 07 月 03 日 上午 10:05

    这个js怎么是个远程的

  2. Dong.li - 回复
    2014 年 07 月 02 日 下午 11:24

    支持


{ 发表评论 }