add newline at end of file

chapters/01/02.md

@@ -70,4 +70,4 @@
 
 我们不能让所有的东西都”动起来“，但可以在一些关键的地方添加一些合理精致的小动画，让用户更好的使用我们的网站和服务。想一想，是不是有些需要操作的地方没有引起用户的注意？是不是有些内容的变化太突兀，太生硬？如果有，那就可以考虑使用 `animation` 来优化。
 
-多去一些设计网站（[Hover States](https://hoverstat.es/)、[Little Big Details](http://littlebigdetails.com/)、[Dribbble](https://dribbble.com/)）看看，会给你带来不少的启发呢。
+多去一些设计网站（[Hover States](https://hoverstat.es/)、[Little Big Details](http://littlebigdetails.com/)、[Dribbble](https://dribbble.com/)）看看，会给你带来不少的启发呢。

chapters/01/03.md

@@ -63,4 +63,4 @@ _Optional:_:如果你想本地开发，请下载下面的文件:
 * 必需: [Project starter HTML/CSS files](https://github.com/cssanimation/starter/archive/master.zip)
 * 高级: [Gulp & Sass starter](https://github.com/cssanimation/gulp-sass-starter)
 
-**下一篇:** 我们将学习 transitions!
+**下一篇:** 我们将学习 transitions！

chapters/02/02.md

@@ -76,4 +76,4 @@
 
 ## Homework
 
-我创建了一个简单的 `transtion` 效果（[Codepen](http://codepen.io/donovanh/pen/NPYNGa?editors=110)），你可以尝试修改不同的属性来创造不同的效果。
+我创建了一个简单的 `transtion` 效果（[Codepen](http://codepen.io/donovanh/pen/NPYNGa?editors=110)），你可以尝试修改不同的属性来创造不同的效果。

chapters/02/03.md

@@ -93,4 +93,4 @@ You can also specify whether the transition holds the first frame for the fragme
 
 尝试修改上节的[例子](http://codepen.io/donovanh/pen/NPYNGa?editors=110)，修改 `transition-timing-function` 属性来查看不同值的不同效果。
 
-这里还有一个[例子](http://codepen.io/donovanh/pen/GgaRNv)，虽然这个例子使用的是`animation`，但它里面`timing function`的使用是跟`transition`一样的。
+这里还有一个[例子](http://codepen.io/donovanh/pen/GgaRNv)，虽然这个例子使用的是 `animation`，但它里面 `timing function` 的使用是跟 `transition` 一样的。

chapters/02/04.md

@@ -10,7 +10,7 @@
 
 ## Example 1: Fancy button
 
-前面我们提到的 `button` 的例子比较简单，这里我们来看个复杂的例子。
+前面我们提到的 `button` 的例子比较简单，这里我们来看个复杂的例子。
 
 ![Source: http://codepen.io/donovanh/pen/YPMGpJ](images/multiple-button-min.gif)
 
@@ -100,4 +100,4 @@
     transition: background 1s ease-out, border 0.5s linear;
 ```
 
-上面的 `transition` 应用到某个元素上后，元素的 `background` 会和 `border` 采用不同的过渡效果。`background` 过渡持续时间1s，时间函数`ease-out`，`border` 的过渡持续时间0.5s，时间函数是 `linear`。
+上面的 `transition` 应用到某个元素上后，元素的 `background` 会和 `border` 采用不同的过渡效果。`background` 过渡持续时间1s，时间函数 `ease-out`，`border` 的过渡持续时间0.5s，时间函数是 `linear`。

chapters/02/05.md

@@ -70,4 +70,4 @@
 
 Before we start looking at the `animation` property, take some time to think about how you use transitions.
 
-Can you think of ways they could help smooth the interactions or state changes on your pages? How might they add appeal?
+Can you think of ways they could help smooth the interactions or state changes on your pages? How might they add appeal?

chapters/03/01.md

@@ -99,4 +99,4 @@
 
 Open up [this keyframes example](http://codepen.io/donovanh/pen/WbqNwd?editors=110) and try changing the code. See if you can break it, and fix it. Even better, if you come up with something cool, let me know!
 
-I love seeing how you're getting on. You can [email me](mailto:[email protected]) or get in touch [on Twitter](https://twitter.com/donovanh).
+I love seeing how you're getting on. You can [email me](mailto:[email protected]) or get in touch [on Twitter](https://twitter.com/donovanh).

chapters/03/02.md

@@ -96,4 +96,4 @@
 
 ## Homework
 
-这里有一个[例子](http://codepen.io/donovanh/pen/MYMJRd?editors=010)。尝试更改其中一些属性，看看会发生什么。
+这里有一个[例子](http://codepen.io/donovanh/pen/MYMJRd?editors=010)。尝试更改其中一些属性，看看会发生什么。

chapters/03/04.md

@@ -89,4 +89,4 @@
 
 ## Homework
 
-例子中的交通灯是按照 UK 的规则来的，你可以尝试修改参数，将其改成其他规则的，看看效果怎么样。
+例子中的交通灯是按照 UK 的规则来的，你可以尝试修改参数，将其改成其他规则的，看看效果怎么样。

chapters/03/05.md

@@ -67,7 +67,3 @@ animation: keyframe-name 2s forwards linear;
 目前为止，我们应该清楚了动画属性和过渡属性的区别了吧。
 
 看看 [Principles of Animation for the Web](https://codepen.io/collection/AxKOdY/) 上面的例子。每一个例子都包含了 HTML 和 CSS，以及关键帧动画。尝试着去修改一个吧。
-
-
-
-

chapters/04/01.md

@@ -128,4 +128,4 @@
 
 我们讲述了很多。结合 animation 和 transition 是将页面变为现实的有效方式。
 
-在考虑如何将其应用于您的工作时，请考虑如何控制它。什么时候动画可以为您的用户带来好处，什么时候可以起作用呢？很高兴知道如何制作动画，但更好的是知道什么时候不使用动画。
+在考虑如何将其应用于您的工作时，请考虑如何控制它。什么时候动画可以为您的用户带来好处，什么时候可以起作用呢？很高兴知道如何制作动画，但更好的是知道什么时候不使用动画。

chapters/04/02.md

@@ -134,4 +134,4 @@
 
 如果你有时间我会鼓励你看一下 [CodePen version](http://codepen.io/donovanh/pen/pJzwEw?editors=110)。
 
-你可能会注意到 CSS 中的一些 “media” 查询。我们使用 “media” 来调整适应较小的设备。尝试更改一些动画关键帧，或 `transform` 值来查看会发生什么。
+你可能会注意到 CSS 中的一些 “media” 查询。我们使用 “media” 来调整适应较小的设备。尝试更改一些动画关键帧，或 `transform` 值来查看会发生什么。

chapters/04/03.md

@@ -81,4 +81,4 @@ Wow.js 与 CSS 框架 [Animate.css](http://daneden.github.io/animate.css/) 配
 
 让内容逐渐淡出是一个很好的开始，但是您是否可以想象用这种方式来为您的设计和网站增加价值？当用户浏览时，请注意滚动出内容时开始动画的时间。
 
-它何时起作用，什么时候又不那么好用？
+它何时起作用，什么时候又不那么好用？

chapters/04/04.md

@@ -45,22 +45,3 @@ W3C [建议](https://www.w3.org/TR/2008/REC-WCAG20-20081211/#time-limits-pause)
 ## Homework
 
 如果你的工作涉及到设计或构建界面，那么一定要花时间阅读这篇文章 [NNGroup's Animation for Attention and Comprehension](http://www.nngroup.com/articles/animation-usability/)。想想人们可能会如何使用你的作品，如果他们看不到动画，这可能意味着什么。
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

chapters/04/05.md

@@ -57,9 +57,3 @@ CSS Animate 是一个生成关键帧动画的工具。它可以通过拖拽一
 你也可以在 twitter 上与我交流（@donovanh）。
 
 最后，感谢你阅读本书。
-
-
-
-
-
-

chapters/05/01.md

@@ -12,4 +12,4 @@
 + Optimise your CSS animations for reuse and size
 + Each with fun examples you can follow along, step by step
 
-学习完本课程之后，希望你能够创造出一个令人印象深刻的登录页面。
+学习完本课程之后，希望你能够创造出一个令人印象深刻的登录页面。