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

2013-09-09 09:0070

这周让我们来看看同样由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮（Hover）效果，原demo效果在此。从这些效果中可以看到，即使在扁平化设计中，魔鬼依旧藏在细节里。

1. 填充色变换

2. 填充色收缩

3. 填充色闪换

4. 描边由实变虚

5. 图标飞入效果

6. 图标内部旋转

7. 描边阴影闪现

8. 边界呼吸效果

9. 描边扩展下过

原文地址：http://www.geekpark.net/read/view/187864

最新文章

微信创始人张小龙首次公开演讲(官方无删减版)
微信创始人张小龙首次公开演讲(官方无删减版)
如何通过APP看到产品战略层面
产品经理拿到一款产品的时候，不能只能看到表面信息，而是要能看到产品背后的信息。
基于用户的“真需求”创新产品
产品创新是保证企业在竞争激烈的市场上长久生存的关键，今天，我们就围绕产品创新和用户研究分享一些看法。
有一种交互设计研究验证叫“设计走查”
如何在最短的时间内对自己的产品做出检验，确保其在定位、设计、营销计划等多个环节，在可视范围内是正确的，需要一套比较科学、完善的方法去做出检测。
你为什么离不开微信？
张小龙说用完即走，你却爱不释手；到底是什么让你离不开微信？
移动互联时代APP的发展方向
现在我们已经走上了移动互联网时代，无论是企业还是公司，都会经过网络竞争中争取有利的优势，较为传统的产品竞争逐渐向互联网竞争转型，出现了很多数据云大数据等等
AI 时代产品经理的机遇和挑战
AI 时代产品经理的机遇和挑战
前1%与前10%的产品经理差距在哪？
前1%与前10%的产品经理差距在哪？
你有哪些策略应对不断的需求变更？
你有哪些策略应对不断的需求变更？
如何运营天猫【十亿俱乐部】商家页面？
如何运营天猫【十亿俱乐部】商家页面？