1. 调用动画

定义好动画之后就需要在想要的位置去调用啦，先来学习一下动画调用的语法：

animation: name duration timing-function delay iteration-count direction fill-mode;

当然写的时候可绝对不是这么写的啊，只有冒号前面的animation这个单词不变，剩下单词全部都要替换，那么要替换成什么呢？

请看中文翻译版：

animation: 定义过的动画名 动画时长 动画运行的方式 延迟 动画次数 动画方向 填充模式;

是不是看到这里直接晕了，甚至有种想关掉网页的冲动？不要怕，这些只是看起来吓人，其实都是纸老虎。

而且也不是这些属性都要用到，哪个属性你用不到就可以不写，通常我们只会用到几个常用的。

2. 极简形式

先说说最最简单的一种方式，看了绝对不懵圈的那种：

animation: name duration;

翻译如下：

animation: 定义过的动画名 动画时长;