带动画图标素材下载

HTML & CSS 3年前 (2014-07-05) 15,683 人围观 10

随着扁平化设计的流行,目前很多图标都使用了扁平化制作,由于是平面的,图标文件大小会比拟物化小很多,所以现在开始流行“动画图标”了,或许你想到的是GIF图标,但这里分享的这套动画图标不是使用GIF,而是使用新的CSS3 Animation属性制作。

animated-icon

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

animated-icon-css-hover

鼠标hover效果

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

下载地址:微盘下载

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