本文让我们来看看由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此。
1. 填充色变换
2. 填充色收缩
3. 填充色闪换
4. 描边由实变虚
5. 图标飞入效果
6. 图标内部旋转
7. 描边阴影闪现
8. 边界呼吸效果
9. 描边扩展效果
Via 极客公园
本文让我们来看看由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮(Hover)效果,原demo效果在此。
1. 填充色变换
2. 填充色收缩
3. 填充色闪换
4. 描边由实变虚
5. 图标飞入效果
6. 图标内部旋转
7. 描边阴影闪现
8. 边界呼吸效果
9. 描边扩展效果
Via 极客公园