基于vue-cli脚手架、vue2开发框架，使用animate WebAPI来实现前端的翻页过渡效果。

最近，群友贴了一个非常有意思的动画效果，整体动画效果如下： 点击某个按钮后，触发一个动画效果，原本的网格内容，将按顺序（又带点随机的效果）从高处下落进行加载填充动画。 当然，我个人认为这个动画有点华而

最终实现效果如下图 第一版 最开始接到这个需求的时候，想的很简单，感觉不是一个很复杂的东西 开始想的是用 transform-origin 和 transform:scale 实现 根据鼠标位置来改变

起因 看到漫威App的开屏启动效果很好看想着用CSS来实现一波，效果如图！ gif本身可能有点掉帧，但是实际操作是非常丝滑的，让我一眼就狠狠爱上了！ 第一个难点-如何实现一个镂空的U 我们首先来简单的

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