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

本周让我们再来看看同样由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此。从这些效果中可以看到,即使在扁平化设计中,魔鬼依旧藏在细节里。 1. 填充色变换
9款适合扁平化设计的图标悬浮效果 2. 填充色收缩 9款适合扁平化设计的图标悬浮效果 3. 填充色闪换 9款适合扁平化设计的图标悬浮效果 4. 描边由实变虚 9款适合扁平化设计的图标悬浮效果 5. 图标飞入效果 9款适合扁平化设计的图标悬浮效果9款适合扁平化设计的图标悬浮效果 6. 图标内部旋转 9款适合扁平化设计的图标悬浮效果 7. 描边阴影闪现 9款适合扁平化设计的图标悬浮效果 8. 边界呼吸效果 9款适合扁平化设计的图标悬浮效果 9. 描边扩展下过 9款适合扁平化设计的图标悬浮效果