third_party/WebKit/LayoutTests/fast/gradients/css3-radial-gradients3.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     .box {
   7       display: inline-block;
   8       height: 200px;
   9       width: 250px;
  10       margin: 10px;
  11       border: 1px solid black;
  12       background-repeat: no-repeat;
  13     }
  14
  15     .gradient1 {
  16       background-image: -webkit-radial-gradient(center, 50% 50%, black, white);
  17       background-image: -moz-radial-gradient(center, 50% 50%, black, white);
  18     }
  19
  20     .gradient2 {
  21       background-image: -webkit-repeating-radial-gradient(center, 20% 20%, black, white, black);
  22       background-image: -moz-repeating-radial-gradient(center, 20% 20%, black, white, black);
  23     }
  24
  25   </style>
  26   <script type="text/javascript" charset="utf-8">
  27     if (window.testRunner) {
  28       testRunner.dumpAsTextWithPixelResults();
  29     }
  30   </script>
  31 </head>
  32 <body>
  33
  34   <div class="gradient1 box"></div>
  35   <div class="gradient2 box"></div>
  36
  37 </body>
  38 </html>