review: 03/02

chapters/03/02.md

@@ -1,22 +1,22 @@
 # Animation properties
 
-在我们看更多的动画示例之前，先了解一下 `animation` 的属性。
+在我们看更多的例子之前，先来了解下 `animation` 的各个属性。
 
-与 `transition` 属性一样，`animation` 可以使用简写属性形式，也可以单独指定这些属性。
+与 `transition` 一样，`animation` 可以使用简写形式，也可以分开单独指定属性值。
 
 ### animation-delay
 
 与 `transition-delay` 类似，此属性表示在开始之前动画的等待时间。在定义多个动画的情况下特别有用。
 
-如果定义的动画是循环的，在这种情况下，delay 属性不会每次循环都有效的，只有在给元素添加上动画效果的时候才有效。（只有第一次循环前会有等待时间，其余的就没有了）
+如果定义的动画是不断循环的，在这种情况下，delay 属性并不会每次循环都有效，只有在给元素添加上动画效果的时候才有效。（只有第一次循环前会有等待时间，其余的就没有了）
 
 实际上可以给这个属性一个负值，比如`-1s`。动画会直接从第1s开始执行，就好像这1s时间已经过去了。
 
 ### animation-direction
 
-动画通常从 0% 开始，到 100% 结束。`animation-direction` 使用 `normal`，`reverse`，`alternate` 和 `alternate-reverse` 来控制方向。（从开始到结束我们可以看作是一个有向的变化）
+动画通常从 0% 开始，到 100% 结束。`animation-direction` 使用 `normal`，`reverse`，`alternate` 和 `alternate-reverse` 来控制动画变化的方向。（从开始到结束我们可以看作是一个有向的变化）
 
-“Reverse”是指从 100% 播放（或循环）到 0%，而 “alternate” 指动画轮流反向播放，即从 0% 播放到 100% 然后再播放到 0%。
+“Reverse”是指从 100% 播放（或循环）到 0%，而 “alternate” 指动画轮流反复播放，即从 0% 播放到 100% 然后再播放到 0%。
 
 ### animation-duration
 
@@ -30,8 +30,8 @@
 
 例子:[bouncer animation on Hop.ie](http://hop.ie/)。 使用 `forwards`，动画播放一次并在最后一帧结束。【Tips:这个例子貌似没有啊，我翻遍了也没找到】
 
-> 这里多添了个例子来说明 forwards 和 backwards（原作者并没有写）。  
-> 在这个[例子](https://codepen.io/jiangxiaoxin/pen/QzWYwG)里使用了 animation-delay 和 animation-fill-mode。从效果上来看，设置 backwards，点击“开始动画”之后，backwards 会立刻变成动画真实过程(animation-duration)第一帧的样子，一直持续整个 animation-delay 时间，然后开始变化，最后动画结束后又变回了最一开始没有添加动画时的状态。
+这里添个例子来说明下 forwards 和 backwards（原作者并没有写）。  
+在这个[例子](https://codepen.io/jiangxiaoxin/pen/QzWYwG)里使用了 animation-delay 和 animation-fill-mode。从效果上来看，设置 backwards，点击“开始动画”之后，backwards 会立刻变成动画真实过程(animation-duration)第一帧的样子，一直持续整个 animation-delay 时间，然后开始变化，最后动画结束后又变回了最一开始没有添加动画时的状态。
 
 ![](images/animation-fill-mode.gif)