diff --git a/en/application-dev/reference/arkui-ts/ts-motion-path-animation.md b/en/application-dev/reference/arkui-ts/ts-motion-path-animation.md
index 67d034e063b70c2447d488356a8b75094e516426..410181d6801fb0a478419b90f7c5e3659ab5715a 100644
--- a/en/application-dev/reference/arkui-ts/ts-motion-path-animation.md
+++ b/en/application-dev/reference/arkui-ts/ts-motion-path-animation.md
@@ -1,12 +1,12 @@
 # Motion Path Animation
 
+You can apply a motion path animation to a component, by setting the motion path of the component in a translation animation.
 
 > **NOTE**
 >
 > This animation is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
 
 
-The attributes below can be used to set the motion path of the component in a translation animation.
 
 
 ## Attributes
@@ -19,7 +19,8 @@ The attributes below can be used to set the motion path of the component in a tr
 ## Example
 
 
-```
+```ts
+// xxx.ets
 @Entry
 @Component
 struct MotionPathExample {