|
1 <!DOCTYPE html> |
|
2 <style> |
|
3 .x { width: 200px; height: 100px; display: inline-block; } |
|
4 .a { background: -moz-linear-gradient(top -90deg, blue, white, red); } |
|
5 .e { background: -moz-linear-gradient(top right -2.03444394rad, blue, white, red); } |
|
6 .g { background: -moz-linear-gradient(right 180deg, blue, white, red); } |
|
7 .i { background: -moz-linear-gradient(bottom right 2.03444394rad, blue, white, red); } |
|
8 .k { background: -moz-linear-gradient(bottom 90deg, blue, white, red); } |
|
9 .m { background: -moz-linear-gradient(bottom left 1.10714872rad, blue, white, red); } |
|
10 .o { background: -moz-linear-gradient(left 0deg, blue, white, red); } |
|
11 .q { background: -moz-linear-gradient(top left -1.10714872rad, blue, white, red); } |
|
12 </style> |
|
13 <div class="x a"></div> |
|
14 <div class="x e"></div> |
|
15 <div class="x g"></div> |
|
16 <div class="x i"></div> |
|
17 <div class="x k"></div> |
|
18 <div class="x m"></div> |
|
19 <div class="x o"></div> |
|
20 <div class="x q"></div> |