非凡资讯

平面设计培训资讯>上海界面设计培训—9款适合扁平化设计的图标悬浮效果

上海界面设计培训—9款适合扁平化设计的图标悬浮效果
发布日期：2016/7/1 15:34:04    上海非凡进修学院 4527 分享
 上海平面设计培训

网页设计(上海UI界面交互设计培训)新技巧和新趋势的 Codrops 出品的 9款适合扁平化设计的圆形图标悬浮（Hover）效果，原demo效果在此。从这些效果中可以看到，即使在扁平化设计中，魔鬼依旧藏在细节里。

1. 填充色变换

上海平面设计培训

2. 填充色收缩

上海平面设计培训

3. 填充色闪换

上海平面设计培训

4. 描边由实变虚

上海平面设计培训

5. 图标飞入效果

上海平面设计培训

6. 图标内部旋转

上海平面设计培训

7. 描边阴影闪现

上海平面设计培训

8. 边界呼吸效果

上海平面设计培训

9. 描边扩展下过

上海平面设计培训

本文来源：原文地址：极客公园/编辑：董超Afio，优设网http://www.uisdc.com/hover-effects。整理：UI培训老师。如有侵权，请联系小编更正。(版权声明：推送文章我们都会注明作者和来源，除非确实无法确认。部分文章推送时未能与原作者取得联系，若涉及版权问题，烦请原作者联系我们。)
相关文章：
上海ui交互设计培训—设计师一定要谨记的三不设计
上海界面设计培训—没基础没学历怎样才能炼成UI设计师
上海ui设计培训—看了那么多大神的作品，为什么依旧做不出好的作品呢？
上海UI培训—新手设计师要想提高职场地位就必须牢记这10条职场忠言
上海UI培训学校—100多名设计师支持苹果：三星就是侵犯了iPhone设计专利
上一篇：上海Adobe平面培训机构浅析平面设计培训设计与观察能力的训练
下一篇：上海UI界面设计培训—设计师应知道的UI动态设计规则
免费试听热门课程
在线客服
热线电话
非凡学院公众号