diff --git a/src/guide/built-ins/transition.md b/src/guide/built-ins/transition.md
index 358c8b3a2..985a4f345 100644
--- a/src/guide/built-ins/transition.md
+++ b/src/guide/built-ins/transition.md
@@ -261,7 +261,7 @@ Vue 需要附加事件监听器，以便知道过渡何时结束。可以是 `tr
 
 ### 深层级过渡与显式过渡时长 {#nested-transitions-and-explicit-transition-durations}
 
-尽管过渡 class 仅能应用在 `<Transition>` 的直接子元素上，我们还是可以使用深层级的 CSS 选择器，在深层级的元素上触发过渡效果。
+尽管过渡 class 仅能应用在 `<Transition>` 的直接子元素上，我们还是可以使用深层级的 CSS 选择器，在深层级的元素上触发过渡效果：
 
 ```vue-html
 <Transition name="nested">
@@ -437,7 +437,7 @@ export default {
 
 这些钩子可以与 CSS 过渡或动画结合使用，也可以单独使用。
 
-在使用仅由 JavaScript 执行的动画时，最好是添加一个 `:css="false"` prop。这显式地向 Vue 表明可以跳过对 CSS 过渡的自动探测。除了性能稍好一些之外，还可以防止 CSS 规则意外地干扰过渡效果。
+在使用仅由 JavaScript 执行的动画时，最好是添加一个 `:css="false"` prop。这显式地向 Vue 表明可以跳过对 CSS 过渡的自动探测。除了性能稍好一些之外，还可以防止 CSS 规则意外地干扰过渡效果：
 
 ```vue-html{3}
 <Transition
@@ -450,7 +450,7 @@ export default {
 
 在有了 `:css="false"` 后，我们就自己全权负责控制什么时候过渡结束了。这种情况下对于 `@enter` 和 `@leave` 钩子来说，回调函数 `done` 就是必须的。否则，钩子将被同步调用，过渡将立即完成。
 
-这里是使用 [GreenSock 库](https://greensock.com/)执行动画的一个示例，你也可以使用任何你想要的库，比如 [Anime.js](https://animejs.com/) 或者 [Motion One](https://motion.dev/)。
+这里是使用 [GreenSock 库](https://greensock.com/)执行动画的一个示例，你也可以使用任何你想要的库，比如 [Anime.js](https://animejs.com/) 或者 [Motion One](https://motion.dev/)：
 
 <JsHooks />
 
@@ -587,7 +587,7 @@ export default {
 
 <!-- TODO: translation -->Sometimes you need to force the re-render of a DOM element in order for a transition to occur.
 
-Take this counter component for example.
+Take this counter component for example:
 
 <div class="composition-api">