diff --git a/examples/docs/en-US/transition.md b/examples/docs/en-US/transition.md
index fde17951f..ab37ab55f 100644
--- a/examples/docs/en-US/transition.md
+++ b/examples/docs/en-US/transition.md
@@ -142,6 +142,18 @@ For collapse effect, use the `el-collapse-transition` component.
 ```
 :::
 
+### On demand
+
+```js
+// fade/zoom
+import 'element-ui/lib/theme-defaut/base.css';
+// collapse
+import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import Vue from 'vue'
+
+Vue.component(CollapseTransition.name, CollapseTransition)
+```
+
 <script>
   module.exports = {
     data: () => ({
diff --git a/examples/docs/zh-CN/transition.md b/examples/docs/zh-CN/transition.md
index 8bb7edcf1..ed1abb778 100644
--- a/examples/docs/zh-CN/transition.md
+++ b/examples/docs/zh-CN/transition.md
@@ -142,6 +142,18 @@ Element 内应用在部分组件的过渡动画，你也可以直接使用。在
 ```
 :::
 
+### 按需引入
+
+```js
+// fade/zoom 等
+import 'element-ui/lib/theme-defaut/base.css';
+// collapse 展开折叠
+import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import Vue from 'vue'
+
+Vue.component(CollapseTransition.name, CollapseTransition)
+```
+
 <style>
   .transition-box {
     margin-bottom: 10px;