mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-12-04 02:57:38 +00:00
270439fd7b
--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
21 lines
913 B
HTML
21 lines
913 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.x { width: 200px; height: 100px; display: inline-block; }
|
|
.a { background: -moz-linear-gradient(top -90deg, blue, white, red); }
|
|
.e { background: -moz-linear-gradient(top right -2.03444394rad, blue, white, red); }
|
|
.g { background: -moz-linear-gradient(right 180deg, blue, white, red); }
|
|
.i { background: -moz-linear-gradient(bottom right 2.03444394rad, blue, white, red); }
|
|
.k { background: -moz-linear-gradient(bottom 90deg, blue, white, red); }
|
|
.m { background: -moz-linear-gradient(bottom left 1.10714872rad, blue, white, red); }
|
|
.o { background: -moz-linear-gradient(left 0deg, blue, white, red); }
|
|
.q { background: -moz-linear-gradient(top left -1.10714872rad, 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>
|