本文阿宝哥将给大家介绍十个 「“酷炫"」 的转场特效，希望阿宝哥精心录制的十个 Gif 转场动画能让大家眼前一亮，当然更希望这些特效能给大家设计转场效果时带来一些新的 「”灵感“」。
粘性边缘特效
❝示例说明：当用户切换至下一张图片的时候，会产生粘性边缘的转场特效。
示例来源：Zoey Fan
在线地址：https://codepen.io/zoeyfan/pen/ExVaXGK
❞
「静态效果图」
「Gif 动态效果图」
上面的效果是不是感觉挺酷的，这个动画可是通过 「Flutter」 来实现的。有没有心动的感觉，感兴趣的小伙伴记得参加文末的 「《Flutter实战入门》」 送书活动哟。
加载动画页面转场特效
❝示例说明：当页面加载完成后，会产生酷炫的转场特效。
示例来源：Arsen Zbidniakov
在线地址：https://codepen.io/ARS/pen/wavXgQ
❞
「静态效果图」
「Gif 动态效果图」
3D 轮播分割特效
❝示例说明：当用户切换至下一张轮播图的时候，会产生分割效果的 3D 转场特效。
示例来源：Paul Noble
在线地址：https://codepen.io/paulnoble/details/yVyQxv
❞
「静态效果图」
「Gif 动态效果图」
3D 页面翻转特效
❝示例说明：当用户切换至下一个页面时，会产生 3D 翻转转场特效。
示例来源：Robert Bue
在线地址：https://codepen.io/robbue/pen/ugByC
❞
「静态效果图」
「Gif 动态效果图」
内容缩放转场特效
❝示例说明：当点击菜单后，显示内容时会出现内容展开动画。
示例来源：Tobias Glaus
在线地址：https://codepen.io/tobiasglaus/pen/oZJdZY
❞
「静态效果图」
「Gif 动态效果图」
缩略图到全屏转场特效
❝示例说明：当用户点击缩略图时，会通过转场进入全屏模式并显示图片说明信息。
示例来源：Steve Gardner
在线地址：https://codepen.io/ste-vg/pen/NALWrj
❞
「静态效果图」
「Gif 动态效果图」
卡片扩展页面转场特效
❝示例说明：当点击卡片时，会产生卡片扩展页面转场特效。
示例来源：Rachel Smith
在线地址：https://codepen.io/rachsmith/pen/PWxoLN
❞
「静态效果图」
「Gif 动态效果图」
单页滚动景深特效
❝示例说明：当在页面中滚动鼠标滚轮时，会产生景深转场特效。
示例来源：Nikolay Talanov
在线地址：https://codepen.io/suez/pen/JoWKKX
❞
「静态效果图」
「Gif 动态效果图」
单页滚动倾斜特效
❝示例说明：当在页面中滚动鼠标滚轮时，会产生倾斜转场特效。
示例来源：Nikolay Talanov
在线地址：https://codepen.io/suez/pen/gadLre
❞
「静态效果图」
「Gif 动态效果图」
六边形圆板过渡特效
❝示例说明：当用户点击页面上的六边形时，会产生圆板过渡转场特效。
示例来源：Ryan Mulligan
在线地址：https://codepen.io/hexagoncircle/details/MKaVzM
❞
「静态效果图」
「Gif 动态效果图」
包邮送书
小编联合「机械工业出版社华章公司」为大家送上一本备受期待的经典书 「《Flutter实战入门》」 本次送「三本书」。
「这本书特别适合 Flutter 初学者，内容简单，结构清晰」，每个知识点都是以 「“介绍+示例”」 的形式讲解，从实战角度出发，手把手教读者学 Flutter，案例丰富，实操性强。
这本书适合对前端开发、跨端开发感兴趣的所有 IT 从业者，是一本可读性极强的教程，跟随这本书学习，你将看到开发领域的星辰大海。
本书作者老孟手把手带你进入 Flutter 开发世界，方法简单，效果明显，凝聚了作者多年的实际项目经验。「书中包含大量精选案例，代码都可以下载使用。」 作者在个人网站（老孟 Flutter）收录了上百个组件的详细用法和动画效果，更加方便读者学习和查阅。希望可以帮助想学习Flutter 的同行。
全书共 12 章，各章内容介绍如下：
-
第 1 章：移动端软件及 Flutter 发展历程，以及环境搭建。
-
第 2 章：Flutter 项目的概况，包括目录结构、调试及App构建发布流程。
-
第 3 章：Flutter 组件的分类和使用细节，包括使用场景和案例。
-
第 4 章：Dart 语言的基础知识及常用语法。
-
第 5 章：事件及手势处理的技术和案例。
-
第 6 章：Flutter 动画原理及动画组件使用方法。
-
第 7 章：文件操作与网络请求技术，并通过项目“记事本”来展示文件操作方法。
-
第 8 章：Flutter 路由相关知识及数据存储技术。
-
第 9 章：Flutter 与 Android 和 iOS 的混合开发，包括如何将原生项目引入 Flutter，以及相互通信。
-
第 10 章：国际化开发的相关知识。
-
第 11 章：通过分析一个项目的开发过程，展示 Flutter 的实际应用。
-
第 12 章：通过案例介绍 App 升级功能。
抽奖方式很简单，扫码下面二维码关注公众号，然后在后台回复 「6」。
❝开奖时间：2020 年 07 月 10 日 18:00；
活动说明：「为了把书送给更多粉丝，同一人只能参与一次，同一微信号/手机号/收货人视为同一个人。」
❞
最后，感谢大家对 「全栈修仙之路」 的支持，在这里祝大家好运！
本文分享自微信公众号 - DevOps社群（DevOpsCommunity）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。
来源：oschina
链接：https://my.oschina.net/u/4011572/blog/4538379