gecko/layout/reftests/css-gradients/linear-diagonal-9a.html
Masatoshi Kimura 92268e6353 Bug 685400 - add "to" syntax and "magic corner" feature to CSS linear gradient. r=dbaron
--HG--
rename : layout/reftests/css-gradients/linear-ref.html => layout/reftests/css-gradients/linear-1-ref.html
rename : layout/reftests/css-gradients/linear.html => layout/reftests/css-gradients/linear-1b.html
rename : layout/reftests/css-gradients/linear-diagonal-1-ref.html => layout/reftests/css-gradients/linear-diagonal-1c.html
rename : layout/reftests/css-gradients/linear-diagonal-2-ref.html => layout/reftests/css-gradients/linear-diagonal-2c.html
rename : layout/reftests/css-gradients/linear-diagonal-3-ref.html => layout/reftests/css-gradients/linear-diagonal-3c.html
rename : layout/reftests/css-gradients/linear-diagonal-4-ref.html => layout/reftests/css-gradients/linear-diagonal-4c.html
rename : layout/reftests/css-gradients/linear-keywords-ref.html => layout/reftests/css-gradients/linear-keywords-1-ref.html
rename : layout/reftests/css-gradients/linear-keywords.html => layout/reftests/css-gradients/linear-keywords-1b.html
2011-10-22 21:41:11 +02:00

21 lines
854 B
HTML

<!DOCTYPE html>
<style>
.x { width: 200px; height: 100px; display: inline-block; }
.a { background: -moz-linear-gradient(to bottom, blue, white, red); }
.e { background: -moz-linear-gradient(to bottom left, blue, white, red); }
.g { background: -moz-linear-gradient(to left, blue, white, red); }
.i { background: -moz-linear-gradient(to top left, blue, white, red); }
.k { background: -moz-linear-gradient(to top, blue, white, red); }
.m { background: -moz-linear-gradient(to top right, blue, white, red); }
.o { background: -moz-linear-gradient(to right, blue, white, red); }
.q { background: -moz-linear-gradient(to bottom right, blue, white, red); }
</style>
<div class="x a"></div>
<div class="x e"></div>
<div class="x g"></div>
<div class="x i"></div>
<div class="x k"></div>
<div class="x m"></div>
<div class="x o"></div>
<div class="x q"></div>