v-if 元素 消失动画_曾因PPT倒计时动画困扰？这样做就利索了。

在大会开场、抽奖、揭示等环节，

我们可能需要用到PPT倒计时动画。

倒计时的样式可以有无穷多种。

但它们的制作原理都是类似的，

并且这类动画是一次制作永久有效。

本期就来讲解一种干净利落的设计流程，

运用动画的叠加、组合和重复，

制作PPT倒计时。

倒计时有明确的周期性，

一秒钟是一个基本周期。

不管多长的倒计时，

我们只需要做一个周期里的出现、展示和消失，

并且让它重复就行了。

因为有出现、展示和消失，

作用于数字的动画就不会只有一个，

而是多种、多个动画的叠加。

为了让设计变得干净，

重复利用更方便，

我们可以对一个周期的动画进行打包和重复，

即将一个元素的多个动画变成一个。

这样处理方便设置延迟，

在口袋动画插件中有动画合并功能，

可以一键打包元素动画。

最后，

只要更改动画的选取和组合形式，

就能举一反三做出更多的倒计时效果来。

详细的操作步骤可参见以下视频：

知乎视频​www.zhihu.com

本文源文件已打包，

公众号【黑白间设计】关键词【倒计时】即可下载。