资讯频道 → Web前端
阅读更多

2顶
1踩

Web前端

转载新闻 9 款适合扁平化设计的图标悬浮效果

2013-09-06 11:14 by 副主编 WnouM 评论(5) 有10655人浏览
扁平化 UI 图标
本文让我们来看看由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮（Hover）效果，原demo效果在此。

1. 填充色变换



2. 填充色收缩



3. 填充色闪换



4. 描边由实变虚



5. 图标飞入效果



6. 图标内部旋转



7. 描边阴影闪现



8. 边界呼吸效果



9. 描边扩展效果



Via 极客公园
  • 大小: 179.9 KB
  • 大小: 109.6 KB
  • 大小: 113.6 KB
  • 大小: 112.4 KB
  • 大小: 142.2 KB
  • 大小: 82.3 KB
  • 大小: 300.1 KB
  • 大小: 101.9 KB
  • 大小: 233.3 KB
来自: 极客公园
2
顶
1
踩
评论 共 5 条 请登录后发表评论
5 楼 上官纯木 2013-10-14 14:36
为什么，没有源码可以下载呢？只能看看的么？
4 楼 ZZX19880809 2013-09-07 10:56
太丑了、、
3 楼 zptpower1 2013-09-06 14:22
2 楼 kingboy 2013-09-06 14:15
浏览器兼容有问题。
1 楼 changhen5522 2013-09-06 14:04

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics