Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(34)

Unified Diff: third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients.html

Issue 2746583003: Send deprecation messages for prefixed gradients now that it's possible. (Closed)
Patch Set: recommit Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698