Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / gradients / css3-linear-right-angle-gradients.html
blobd69b4c483778239ac3d3d145dfa6d577f6c8ab55
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;
15 .gradientAngle0 {
16 background-image: -webkit-linear-gradient(0deg, white, black);
19 .gradientAngle90 {
20 background-image: -webkit-linear-gradient(90deg, white, black);
23 .gradientAngle180 {
24 background-image: -webkit-linear-gradient(180deg, white, black);
27 .gradientAngle270 {
28 background-image: -webkit-linear-gradient(270deg, white, black);
31 .gradientAngleMinus0 {
32 background-image: -webkit-linear-gradient(-0deg, white, black);
35 .gradientAngleMinus90 {
36 background-image: -webkit-linear-gradient(-90deg, white, black);
39 .gradientAngleMinus180 {
40 background-image: -webkit-linear-gradient(-180deg, white, black);
43 .gradientAngleMinus270 {
44 background-image: -webkit-linear-gradient(-270deg, white, black);
46 </style>
47 <script>
48 if (window.testRunner) {
49 testRunner.dumpAsTextWithPixelResults();
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>