diff --git a/after/syntax/css/motion-1.vim b/after/syntax/css/motion-1.vim
new file mode 100644
index 0000000..3570e78
--- /dev/null
+++ b/after/syntax/css/motion-1.vim
@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<motion\(-\(path\|offset\|rotation\)\)\=\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<path\s*(" end=")" oneline keepend
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index 2d50868..5e3084b 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -49,4 +49,5 @@ syn include @htmlCss syntax/css/css-variables.vim
 syn include @htmlCss syntax/css/css-will-change-1.vim
 syn include @htmlCss syntax/css/css-writing-modes-3.vim
 syn include @htmlCss syntax/css/html5-elements.vim
+syn include @htmlCss syntax/css/motion-1.vim
 syn include @htmlCss syntax/css/selectors4.vim
diff --git a/test/test.css b/test/test.css
index 9dab7ba..c60f70c 100644
--- a/test/test.css
+++ b/test/test.css
@@ -323,6 +323,13 @@
   mask-type: auto;
 }
 
+.motion-1 {
+  motion-path: path(M 100 100 L 300 100 L 200 300 z);
+  motion-offset: auto;
+  motion-rotation: auto;
+  motion: auto;
+}
+
 .multicol {
   columns: column;
   column-count: balance;
diff --git a/test/test.html b/test/test.html
index 5a444ac..82fc816 100644
--- a/test/test.html
+++ b/test/test.html
@@ -356,6 +356,14 @@
 }
 </style>
 <style>
+.motion-1 {
+  motion-path: path(M 100 100 L 300 100 L 200 300 z);
+  motion-offset: auto;
+  motion-rotation: auto;
+  motion: auto;
+}
+</style>
+<style>
 .multicol {
   columns: column;
   column-count: balance;