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

程序员文章站 2022-04-29 12:57:38

...

本文让我们来看看由关注网页设计新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮（Hover）效果，原demo效果在此。

1. 填充色变换

2. 填充色收缩

3. 填充色闪换

4. 描边由实变虚

5. 图标飞入效果

6. 图标内部旋转

7. 描边阴影闪现

8. 边界呼吸效果

9. 描边扩展效果

Via 极客公园