third_party/WebKit/LayoutTests/fast/gradients/css3-repeating-linear-gradients2.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6     .box {
   7       display: inline-block;
   8       height: 120px;
   9       width: 400px;
  10       margin: 10px;
  11       border: 1px solid black;
  12       background-repeat: no-repeat;
  13     }
  14
  15     .linear1 {
  16       background-image: -webkit-repeating-linear-gradient(0deg, green 150px, blue 175px, blue 200px);
  17       background-image: -moz-repeating-linear-gradient(0deg, green 150px, blue 175px, blue 200px);
  18     }
  19   </style>
  20   <script>
  21     if (window.testRunner) {
  22       testRunner.dumpAsTextWithPixelResults();
  23     }
  24   </script>
  25 </head>
  26 <body>
  27
  28   <div class="linear1 box"></div>
  29
  30 </body>
  31 </html>