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.layoutTestController) {
  22       var dumpPixels = true;
  23       layoutTestController.dumpAsText(dumpPixels);
  24     }
  25   </script>
  26 </head>
  27 <body>
  28
  29   <div class="linear1 box"></div>
  30
  31 </body>
  32 </html>