src/third_party/WebKit/LayoutTests/fast/gradients/css3-linear-right-angle-gradients.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css" media="screen">
   5     body { overflow: hidden; }
   6     .box {
   7       display: inline-block;
   8       height: 120px;
   9       width: 201px;
  10       margin: 10px;
  11       border: 1px solid black;
  12       background-repeat: no-repeat;
  13     }
  14
  15     .gradientAngle0 {
  16         background-image: -webkit-linear-gradient(0deg, white, black);
  17     }
  18
  19     .gradientAngle90 {
  20         background-image: -webkit-linear-gradient(90deg, white, black);
  21     }
  22
  23     .gradientAngle180 {
  24         background-image: -webkit-linear-gradient(180deg, white, black);
  25     }
  26
  27     .gradientAngle270 {
  28         background-image: -webkit-linear-gradient(270deg, white, black);
  29     }
  30
  31     .gradientAngleMinus0 {
  32         background-image: -webkit-linear-gradient(-0deg, white, black);
  33     }
  34
  35     .gradientAngleMinus90 {
  36         background-image: -webkit-linear-gradient(-90deg, white, black);
  37     }
  38
  39     .gradientAngleMinus180 {
  40         background-image: -webkit-linear-gradient(-180deg, white, black);
  41     }
  42
  43     .gradientAngleMinus270 {
  44         background-image: -webkit-linear-gradient(-270deg, white, black);
  45     }
  46 </style>
  47 <script>
  48     if (window.testRunner) {
  49         testRunner.dumpAsTextWithPixelResults();
  50     }
  51 </script>
  52 </head>
  53 <body>
  54   <div class="box gradientAngle0"></div>
  55   <div class="box gradientAngleMinus0"></div>
  56   <br/>
  57   <div class="box gradientAngle90"></div>
  58   <div class="box gradientAngleMinus270"></div>
  59   <br/>
  60   <div class="box gradientAngle180"></div>
  61   <div class="box gradientAngleMinus180"></div>
  62   <br/>
  63   <div class="box gradientAngle270"></div>
  64   <div class="box gradientAngleMinus90"></div>
  65 </body>
  66 </html>