Board logo

标题: [资源下载] 带动画特效的网页图标素材打包下载 [打印本页]

作者: 爱你不要你    时间: 2014-6-27 11:30     标题: 带动画特效的网页图标素材打包下载

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



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


鼠标hover效果



喜欢这套动画图标吗?那么一起来下载吧: CSS-Animated-Icons.zip (7.8 MB)

图片附件: 01.gif (2014-6-27 11:30, 392.03 KB) / 该附件被下载次数 122
http://www.missyuan.com/attachment.php?aid=3130697



图片附件: 02.gif (2014-6-27 11:30, 156.5 KB) / 该附件被下载次数 133
http://www.missyuan.com/attachment.php?aid=3130698



附件: CSS-Animated-Icons.zip (2014-6-27 11:30, 7.8 MB) / 该附件被下载次数 291
http://www.missyuan.com/attachment.php?aid=3130699
作者: liukng    时间: 2014-9-17 15:42

感谢楼主的分享。
作者: lonelyseed    时间: 2014-12-24 17:42

很不错哦 好可爱啊!




欢迎光临 思缘论坛 (http://www.missyuan.com/) Powered by Discuz! 6.0.0