CSS Motion Path: New names for properties

third_party/WebKit/LayoutTests/css3/motion-path/compute-distance.html

Index: third_party/WebKit/LayoutTests/css3/motion-path/compute-distance.html
diff --git a/third_party/WebKit/LayoutTests/css3/motion-path/compute-distance.html b/third_party/WebKit/LayoutTests/css3/motion-path/compute-distance.html
index 98c3a1a10a5fe5c3ec5903c97aeabc488e9b6d13..03803f5566dd8f426d5de21bb6f6b9933776aa57 100644
--- a/third_party/WebKit/LayoutTests/css3/motion-path/compute-distance.html
+++ b/third_party/WebKit/LayoutTests/css3/motion-path/compute-distance.html
@@ -7,57 +7,57 @@ div {
     transform-origin: 0% 0%;
 }
 .closed {
-    motion-path: path('M 0 0 L 500 0 Z');
+    offset-path: path('M 0 0 L 500 0 Z');
 }
 .open {
-    motion-path: path('M 0 0 L 1000 0');
+    offset-path: path('M 0 0 L 1000 0');
 }
 #div1 {
-    motion-offset: -3700px;
+    offset-distance: -3700px;
     transform: translate3d(0px, 10px, 1px);
 }
 #div2 {
-    motion-offset: 200px;
+    offset-distance: 200px;
     transform: translate3d(0px, 20px, 2px);
 }
 #div3 {
-    motion-offset: 4100px;
+    offset-distance: 4100px;
     transform: translate3d(0px, 30px, 3px);
 }
 #div4 {
-    motion-offset: -370%;
+    offset-distance: -370%;
     transform: translate3d(0px, 40px, 4px);
 }
 #div5 {
-    motion-offset: 20%;
+    offset-distance: 20%;
     transform: translate3d(0px, 50px, 5px);
 }
 #div6 {
-    motion-offset: 410%;
+    offset-distance: 410%;
     transform: translate3d(0px, 60px, 6px);
 }
 #div7 {
-    motion-offset: -3700px;
+    offset-distance: -3700px;
     transform: translate3d(0px, 70px, 7px);
 }
 #div8 {
-    motion-offset: 200px;
+    offset-distance: 200px;
     transform: translate3d(0px, 80px, 8px);
 }
 #div9 {
-    motion-offset: 4100px;
+    offset-distance: 4100px;
     transform: translate3d(0px, 90px, 9px);
 }
 #div10 {
-    motion-offset: -370%;
+    offset-distance: -370%;
     transform: translate3d(0px, 100px, 10px);
 }
 #div11 {
-    motion-offset: 20%;
+    offset-distance: 20%;
     transform: translate3d(0px, 110px, 11px);
 }
 #div12 {
-    motion-offset: 410%;
+    offset-distance: 410%;
     transform: translate3d(0px, 120px, 12px);
 }
 </style>