third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-end-fill.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      display: inline-block;
      width: 200px;
      height: 100px;
      background-image: -webkit-repeating-linear-gradient(red 10%, green 10%, green 30%);
    }

    .ref {
      background-image: -webkit-repeating-linear-gradient(green 10%, green 30%);
    }
  </style>
  <script type="text/javascript" charset="utf-8">
    if (window.testRunner) {
      testRunner.dumpAsTextWithPixelResults();
    }
  </script>
</head>
<body>

  <!-- You should see two green rectangles, with no red. -->
  <div></div>
  <div class="ref"></div>

</body>
</html>