Pileus Git - ~andy/gtk/blob - tests/reftests/linear-gradient.css

   1 @import url("reset-to-defaults.css");
   2
   3 /* One caveat that apply to cairo gradients, and make things therefor
   4  * untestable:
   5  *   The start and end points must be identical when drawing
   6  * This means that you cannot:
   7  * ... add extra color stops, even if they'd be invisible
   8  * ... mirror the gradient (ie 'to left, red, green' vs 'to right, green, red')
   9  * and probably a bunch of other things.
  10  * These things can cause off-by-one rounding errors in pixman (and probably
  11  * your GPU, too) and that'd trigger test failures.
  12  */
  13 #a {
  14   background-image: linear-gradient(to bottom, blue 0%, green 15px, red 100%);
  15 }
  16
  17 #reference #a {
  18   background-image: linear-gradient(blue, green, red);
  19 }
  20
  21 #b {
  22   background-image: linear-gradient(to left, pink 0, cyan, red 0, green 50%, blue 40px, violet -10em);
  23 }
  24
  25 #reference #b {
  26   background-image: linear-gradient(270deg, red, green, blue);
  27 }
  28
  29 #c {
  30   background-image: repeating-linear-gradient(3.5turn, red, green 10px, red 20px);
  31 }
  32
  33 #reference #c {
  34   background-image: linear-gradient(to bottom, red, green 10px, red 20px, green 30px, red 40px);
  35 }