modify 0401

chapters/04/01.md

@@ -8,23 +8,23 @@
 
 我最近发现的一个很好的例子是Fabric登陆页面。CSS animatiom显示了Fabric如何为模块化框架工作。
 
- <div align=center>![Source: https://get.fabric.io/](../../images/fabric-min.gif)</div>
+![Source: https://get.fabric.io/](../../images/fabric-min.gif)
 
 另一个有趣的例子是Mailchimp主页。在这里，hero image讲述了如何创建电子邮件的故事。
 
- <div align=center>![Source: http://mailchimp.com](../../images/mailchimp-min.gif)</div>
+![Source: http://mailchimp.com](../../images/mailchimp-min.gif)
 
 您可能还在[my CSS Animation 101 email course](https://cssanimation.rocks/courses/animation-101/)登录页面上看到了它：
 
- <div align=center>![Source: https://cssanimation.rocks/courses/animation-101/](../../images/course-min.gif)</div>
+![Source: https://cssanimation.rocks/courses/animation-101/](../../images/course-min.gif)
 
 在以上示例中，他们都使用动画来设置页面的色调并说明网站的内容。
 
 ## Example: Scrolling background
 
 让我们创建一个例子。在这个例子中，我创建了一个在网页上下移动的“web page”样式图形。
 
- <div align=center>![Source: http://codepen.io/donovanh/pen/LEwedW?editors=110](../../images/screen-min.gif)</div>
+![Source: http://codepen.io/donovanh/pen/LEwedW?editors=110](../../images/screen-min.gif)
 
 对于一些交互、动画暂停、鼠标悬停在屏幕上时显示消息等都是利用animations和transitions来实现的。
 
@@ -116,7 +116,7 @@
 
 由于我们在“message”样式上设置了`transition`，因此当光标悬停在元素上和离开时，它都会创建动画。暂停的动画和过渡效果如下所示：
 
- <div align=center>![Source: http://codepen.io/donovanh/pen/LEwedW?editors=110](../../images/screen-hover-min.gif)</div>
+![Source: http://codepen.io/donovanh/pen/LEwedW?editors=110](../../images/screen-hover-min.gif)
 
 ## Summary