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

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

yixieshi.com

　　1. 填充色变换 yixieshi.com

　　2. 填充色收缩 yixieshi.com

　　3. 填充色闪换

　　4. 描边由实变虚 yixieshi.com

　　5. 图标飞入效果

yixieshi.com

　　6. 图标内部旋转

yixieshi.com

　　7. 描边阴影闪现 互联网的一些事

　　8. 边界呼吸效果 yixieshi.com

　　9. 描边扩展下过