背景 👏最近在工作中遇到一个水球进度条，用svg绘制几个波浪叠加动画写起来超简单，css3动画+svg实现水球进度条~

前言：提供了完整代码和预览图 为防止大家复制出错，特提供代码的打包下载地址 百度网盘 一. 炫酷星空 代码 二.动态云层 代码 三.深海灯光水母 代码 四.炫酷蛛网 代码 五.彩色气泡 代码

本文阿宝哥将给大家介绍十个 「“酷炫"」 的转场特效，希望阿宝哥精心录制的十个 Gif 转场动画能让大家眼前一亮，当然更希望这些特效能给大家设计转场效果时带来一些新的 「”灵感“」。

本文首发于我的个人博客：http://cherryblog.site/github 项目地址：https://github.com/sunshine940326/canvas-nest 首先上效果图：最终效果图 因为使用 gif 图片的原因，线条不是很清晰，大家可以到我的博客观看效果…