diff --git a/after/syntax/css/motion-1.vim b/after/syntax/css/motion-1.vim
index 3570e78..e5dc15f 100644
--- a/after/syntax/css/motion-1.vim
+++ b/after/syntax/css/motion-1.vim
@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<motion\(-\(path\|offset\|rotation\)\)\=\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<path\s*(" end=")" oneline keepend
+syn match cssFontProp contained "\<offset\(-\(path\|distance\|anchor\|rotate\)\)\=\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(ray\|path\)\s*(" end=")" oneline keepend
diff --git a/test/test.css b/test/test.css
index 70b640d..77461c7 100644
--- a/test/test.css
+++ b/test/test.css
@@ -492,10 +492,11 @@
 }
 
 .motion-1 {
-  motion-path: path(M 100 100 L 300 100 L 200 300 z);
-  motion-offset: auto;
-  motion-rotation: auto;
-  motion: auto;
+  offset-path: ray(45deg closest-side);
+  offset-distance: path(M 100 100 L 300 100 L 200 300 z);
+  offset-anchor: auto;
+  offset-rotate: auto;
+  offset: auto;
 }
 
 .multicol {
diff --git a/test/test.html b/test/test.html
index 328377c..a89a642 100644
--- a/test/test.html
+++ b/test/test.html
@@ -534,10 +534,11 @@
 </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;
+  offset-path: ray(45deg closest-side);
+  offset-distance: path(M 100 100 L 300 100 L 200 300 z);
+  offset-anchor: auto;
+  offset-rotate: auto;
+  offset: auto;
 }
 </style>
 <style>