Index: third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients.html |
diff --git a/third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients.html b/third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients.html |
index d71a3bcee270e0bce616ce9efbf31f240e465b3b..9f8049b07079e6a9bbe82fbb4301dc1773296c1e 100644 |
--- a/third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients.html |
+++ b/third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients.html |
@@ -13,48 +13,39 @@ |
} |
.gradient1 { |
- background-image: -webkit-radial-gradient(ellipse closest-corner, white, black); |
- background-image: -moz-radial-gradient(ellipse closest-corner, white, black); |
+ background-image: radial-gradient(ellipse closest-corner, white, black); |
} |
.gradient2 { |
- background-image: -webkit-radial-gradient(50px 50%, circle closest-side, white, black); |
- background-image: -moz-radial-gradient(50px 50%, circle closest-side, white, black); |
+ background-image: radial-gradient(circle closest-side at 50px 50%, white, black); |
} |
.gradient3 { |
- background-image: -webkit-radial-gradient(20px 50px, ellipse closest-corner, white, black); |
- background-image: -moz-radial-gradient(20px 50px, ellipse closest-corner, white, black); |
+ background-image: radial-gradient(ellipse closest-corner at 20px 50px, white, black); |
} |
.gradient4 { |
- background-image: -webkit-radial-gradient(20% 20%, circle closest-corner, white, black); |
- background-image: -moz-radial-gradient(20% 20%, circle closest-corner, white, black); |
+ background-image: radial-gradient(circle closest-corner at 20% 20%, white, black); |
} |
.gradient5 { |
- background-image: -webkit-radial-gradient(circle cover, red, green, blue); |
- background-image: -moz-radial-gradient(circle cover, red, green, blue); |
+ background-image: radial-gradient(circle farthest-corner, red, green, blue); |
} |
.gradient6 { |
- background-image: -webkit-radial-gradient(left, circle cover, red, green 30%, blue); |
- background-image: -moz-radial-gradient(left, circle cover, red, green 30%, blue); |
+ background-image: radial-gradient(circle farthest-corner at left, red, green 30%, blue); |
} |
.gradient7 { |
- background-image: -webkit-radial-gradient(ellipse cover, red, green 80px, blue); |
- background-image: -moz-radial-gradient(ellipse cover, red, green 80px, blue); |
+ background-image: radial-gradient(ellipse farthest-corner, red, green 80px, blue); |
} |
.gradient8 { |
- background-image: -webkit-radial-gradient(circle cover, red 20%, green, blue 150%); |
- background-image: -moz-radial-gradient(circle cover, red 20%, green, blue 150%); |
+ background-image: radial-gradient(circle farthest-corner, red 20%, green, blue 150%); |
} |
.gradient9 { |
- background-image: -webkit-radial-gradient(20% 20%, circle closest-corner, red -50%, green, blue 150%); |
- background-image: -moz-radial-gradient(20% 20%, circle closest-corner, red -50%, green, blue 150%); |
+ background-image: radial-gradient(circle closest-corner at 20% 20%, red -50%, green, blue 150%); |
} |
</style> |