Index: LayoutTests/animations/missing-from-to-transforms.html |
diff --git a/LayoutTests/animations/missing-from-to-transforms.html b/LayoutTests/animations/missing-from-to-transforms.html |
index a33dfb51a6d3fe36aaeb3d6d69c266809c48d522..681d8b2f7e56e5a73be24ac9f33c3a42671fb3f1 100644 |
--- a/LayoutTests/animations/missing-from-to-transforms.html |
+++ b/LayoutTests/animations/missing-from-to-transforms.html |
@@ -12,7 +12,7 @@ |
top: 10px; |
height: 20px; |
width: 20px; |
- -webkit-transform: translateX(10px); |
+ transform: translateX(10px); |
background-color: blue; |
-webkit-animation-duration: 2s; |
-webkit-animation-timing-function: linear; |
@@ -22,10 +22,10 @@ |
-webkit-animation-name: anim1; |
} |
@-webkit-keyframes anim1 { |
- from { -webkit-transform: translateX(10px); } |
- 40% { -webkit-transform: translateX(30px); } |
- 60% { -webkit-transform: translateX(10px); } |
- to { -webkit-transform: translateX(20px); } |
+ from { transform: translateX(10px); } |
+ 40% { transform: translateX(30px); } |
+ 60% { transform: translateX(10px); } |
+ to { transform: translateX(20px); } |
} |
#box2 { |
@@ -33,20 +33,20 @@ |
background-color: red; |
} |
@-webkit-keyframes anim2 { |
- 40% { -webkit-transform: translateX(30px); } |
- 60% { -webkit-transform: translateX(10px); } |
- to { -webkit-transform: translateX(20px); } |
+ 40% { transform: translateX(30px); } |
+ 60% { transform: translateX(10px); } |
+ to { transform: translateX(20px); } |
} |
#box3 { |
- -webkit-transform: translateX(20px); |
+ transform: translateX(20px); |
-webkit-animation-name: anim3; |
background-color: green; |
} |
@-webkit-keyframes anim3 { |
- from { -webkit-transform: translateX(10px); } |
- 40% { -webkit-transform: translateX(30px); } |
- 60% { -webkit-transform: translateX(10px); } |
+ from { transform: translateX(10px); } |
+ 40% { transform: translateX(30px); } |
+ 60% { transform: translateX(10px); } |
} |
#box4 { |
@@ -54,8 +54,8 @@ |
background-color: yellow; |
} |
@-webkit-keyframes anim4 { |
- 40% { -webkit-transform: translateX(30px); } |
- 60% { -webkit-transform: translateX(20px); } |
+ 40% { transform: translateX(30px); } |
+ 60% { transform: translateX(20px); } |
} |
#result { |