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

一些事  •  扫码分享
9款适合扁平化设计的图标悬浮效果,互联网的一些事

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

yixieshi.com

  1. 填充色变换 yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

  2. 填充色收缩 yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

  3. 填充色闪换

yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

  4. 描边由实变虚 yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

  5. 图标飞入效果

yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事
9款适合扁平化设计的图标悬浮效果,互联网的一些事

  6. 图标内部旋转

yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

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

9款适合扁平化设计的图标悬浮效果,互联网的一些事

  8. 边界呼吸效果 yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

  9. 描边扩展下过

yixieshi.com

9款适合扁平化设计的图标悬浮效果,互联网的一些事

随意打赏

提交建议
微信扫一扫,分享给好友吧。