带动画图标素材下载

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

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

鼠标hover效果

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

下载地址:微盘下载

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

时间: 2024-08-20 18:25:37

带动画图标素材下载的相关文章

CSS实现带动画的购物图标

最近CSS动画貌似很受大家欢迎.总所周知,制作网站CSS动画时,不要为了炫酷的效果而制作它,单纯的为了炫酷而做出的css动画没有任何意义.我们要把这些动画,用在一些细节上,一些能真正体验到它价值的地方! 比如今天向大家介绍的这一套使用CSS实现带动画的商城购物类的图标.图标设计漂亮可爱,加上友好的动画效果,这能给用户增加一点有趣的购物体验. 在线演示:点击查看 增加购物乐趣是每个购物网店都希望的,所以我觉得这套购物图标动画想法很好.下面一起来看看摘选几张的图标动画演示: 已添加到购物车! 真的会

基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)_jquery

这是一款基于jQuery的弹出对话框插件,这个jQuery对话框插件的最大特点是弹出和关闭都带有非常炫酷的动画特效,比如旋转飞入.上下抖动飞入等.效果图如下: 效果演示     源码下载 html代码: <div class="container"> <h1>jQuery gDialog Plugin Exampels</h1> <button class="btn demo-1">Alert Dialog Box&l

我的Android进阶之旅------&amp;gt;Android利用温度传感器实现带动画效果的电子温度计

     要想实现带动画效果的电子温度计,需要以下几个知识点: 1.温度传感器相关知识. 2.ScaleAnimation动画相关知识,来进行水印刻度的缩放效果. 3.android:layout_weight属性的合理运用,关于android:layout_weight属性的讲解,可以参考:<我的Android进阶之旅------>关于android:layout_weight属性的一个面试题> 地址为:http://blog.csdn.net/ouyang_peng/article/

新鲜免费的高品质PSD素材下载

好的素材库对于设计师来说就是一个大宝藏.因为高质量的PSD文件,不仅仅在你设计中起到协助作用,也会大大的节省了设计周期.由于Photoshop是一个非常优秀的设计工具,大多数的设计作品都源于这个软件.所以高品质的PSD文件是绝大多数设计师都不会拒绝的.搜集一些看到的好的素材是非常重要的一件事. 今天,我们就分享出了40+新鲜免费的高品质PSD素材下载.希望大家能够喜欢. 急救医疗箱图标 邮箱图标的PSD 钢笔图标 光面讨论图标 免费送货图标 免费的Windows 8标志 分类: PS入门教程

android标题栏下面弹出提示框(一) TextView实现,带动画效果

产品经理用的是ios手机,于是android就走上了模仿的道路.做这个东西也走了一些弯路,写一篇博客放在这里,以后自己也可用参考,也方便别人学习. 弯路: 1.刚开始本来用PopupWindow去实现,做着之后发现如果用popupwindow实现的话,从标题栏下面弹出就比较麻烦. 2.最外层的布局本来是用LinearLayout去实现的,然后标题栏跟弹出的那个TextView外边包裹一层RelativeLayout,这样就会有一个问题,父布局RelativeLayout高度就是标题栏高度,提示框

android标题栏上面弹出提示框(二) PopupWindow实现,带动画效果

需求:上次用TextView写了一个从标题栏下面弹出的提示框.android标题栏下面弹出提示框(一) TextView实现,带动画效果,  总在找事情做的产品经理又提出了奇葩的需求.之前在通知栏显示的提示需要在标题栏上面弹出提示框,然后用动画去显示隐藏,并且在大部分Activity上都要显示. 问题1:用上次那个TextView隐藏在布局文件中肯定不行了,不然每个activity都要修改,于是决定用PopupWindow,只要显示在activity的根布局上就行. 问题2:需要把显示Popup

复古风的扁平化风格图标素材(免费)

扁平化素材貌似已经分享不少了,这次为大家整理一些 以古老.经典.复古风格为主的图标素材,你可以使用这些图标制作一款经典UI界面,我想效果一定不错. 下面来看看复古风的扁平化设计风格图标素材. 漂亮的长阴影风格图标(40个) long shadows icon set 下载地址 夏季和必需品图标集(50个) Summer And Essentials Icon Set (50 Icons, EPS, AI,.jpg) 下载地址 Meroo扁平化图标PSD(110个) 下载地址 (需要订阅邮箱才能下

jquery带动画效果幻灯片特效代码_jquery

本文实例讲述了jquery带动画效果幻灯片插件devrama.slider.分享给大家供大家参考.具体如下: jquery带动画效果幻灯片插件devrama.slider是一款可以在焦点图中嵌入html内容和文字动画效果,运行时可出现图文层叠显示效果,且图片下方伴有进度条效果. 运行效果图:                                 -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换

Swift 制作一个带动画效果的环形进度条例子

1,带动画效果的环形进度条 下面我们演示如何制作一个环状进度条组件,当进度改变时,进度条长度变化时是有动画效果的(我们还可以设置动画时间,或者关闭动画),效果图如下: (1)动画实现原理 使用 Core Animation 动画根据进度改变进度条(CAShapeLayer)的 strokeEnd. (2)组件代码(OProgressView.swift) import UIKit   @IBDesignable class OProgressView: UIView {          str