diff --git a/components/spin/demo/nested.md b/components/spin/demo/nested.md
index 61da2fb31a14fc11931cce0d2a2b8bd966268210..c81ae6712198d1862e7ffd7707c6e43318bcbd75 100644
--- a/components/spin/demo/nested.md
+++ b/components/spin/demo/nested.md
@@ -7,7 +7,7 @@
 ---
 
 ````jsx
-import { Spin, Switch } from 'antd';
+import { Spin, Switch, Alert } from 'antd';
 
 const Card = React.createClass({
   getInitialState() {
@@ -21,9 +21,11 @@ const Card = React.createClass({
     });
   },
   render() {
-    const card = <div className="card-example" />;
+    const container =  <Alert message="消息提示的文案"
+      description="消息提示的辅助性文字介绍消息提示的辅助性文字介绍消息提示的辅助性文字介绍"
+      type="info" />;
     return <div>
-      {this.state.loading ? <Spin>{card}</Spin> : card}
+      {this.state.loading ? <Spin>{container}</Spin> : container}
       切换加载状态：<Switch checked={this.state.loading} onChange={this.toggle} />
     </div>;
   }
diff --git a/style/components/spin.less b/style/components/spin.less
index dcf8c51e7eb559dd5dddfa7d5bdad27babec2ef7..8dd25dbefeed4e040e4a37a930fccea4b9009a1d 100644
--- a/style/components/spin.less
+++ b/style/components/spin.less
@@ -39,7 +39,7 @@
   // ------------------------------
 
   &-dot {
-    .animation(antSpinPulse 1s infinite ease-in-out);
+    .animation(antSpinPulse 1.2s infinite @ease-in-out-circ);
     .square(1em);
     border-radius: 50%;
     display: inline-block;