summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-gradients/1224761-1.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/css-gradients/1224761-1.html36
1 files changed, 36 insertions, 0 deletions
diff --git a/layout/reftests/css-gradients/1224761-1.html b/layout/reftests/css-gradients/1224761-1.html
new file mode 100644
index 0000000000..97e00f7dd6
--- /dev/null
+++ b/layout/reftests/css-gradients/1224761-1.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+ border: 1px solid black;
+ width: 30px;
+ height: 30px;
+ margin: 1px;
+}
+.grad-5 {
+ background: linear-gradient(to right, blue -5%, yellow -5%);
+}
+.grad0 {
+ background: linear-gradient(to right, blue 0%, yellow 0%);
+}
+.grad30 {
+ background: linear-gradient(to right, blue 30%, yellow 30%);
+}
+.grad100 {
+ background: linear-gradient(to right, blue 100%, yellow 100%);
+}
+.grad150 {
+ background: linear-gradient(to right, blue 150%, yellow 150%);
+}
+</style>
+</head>
+<body>
+ You shouldn't see a gradual gradient in any of the divs below.
+ <div class="grad-5"></div>
+ <div class="grad0"></div>
+ <div class="grad30"></div>
+ <div class="grad100"></div>
+ <div class="grad150"></div>
+</body>
+</html>