From 7ce8ee04782336ff93658e60a2cd980029ccb50b Mon Sep 17 00:00:00 2001
From: StarkL <290930511@qq.com>
Date: Thu, 9 Nov 2017 22:03:14 -0600
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E3=80=90#CSS-=E5=8A=A8=E7=94=BB-CSS-A?=
 =?UTF-8?q?nimations=E3=80=91=E8=BF=99=E9=87=8Chtml=E7=94=A8p=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=AE=B9=E6=98=93=E9=80=A0=E6=88=90=E8=AF=AF=E5=AF=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

语法：transform: scale() 默认是以元素的水平垂直中心为源心，进行扩大/缩放。、

造成问题：这里用p标签，作为块级元素，它的源心就在hello文本的右侧，进行动画的时候文本在位置上，先往左移动，然后向右移动，给不注意的读者造成以为是scale出问题的错觉。针对这个，还真有人提问的，如：https://segmentfault.com/q/1010000007612783

所以应该将它更改为 非块级标签或者给定合适的宽高更方便读着理解。

修改代码处：
---
 src/v2/guide/transitions.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/v2/guide/transitions.md b/src/v2/guide/transitions.md
index 9c4ef921e0..65c31c8ac5 100644
--- a/src/v2/guide/transitions.md
+++ b/src/v2/guide/transitions.md
@@ -229,9 +229,9 @@ new Vue({
 
 {% raw %}
 <div id="example-2" class="demo">
-  <button @click="show = !show">Toggle show</button>
+  <button @click="show = !show">Toggle show</button><br />
   <transition name="bounce">
-    <p v-show="show">Look at me!</p>
+    <span v-show="show">Look at me!</span>
   </transition>
 </div>