阅读更多

2顶
1踩

Web前端

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

2013-09-06 11:14 by 副主编 WnouM 评论(5) 有10627人浏览
本文让我们来看看由关注网页设计新技巧和新趋势的 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