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

   1 a {
   2   background-image: linear-gradient(rgb(255,0,0));
   3   border-image-source: repeating-linear-gradient(rgb(255,0,0));
   4 }
   5
   6 b {
   7   background-image: linear-gradient(to top, rgb(255,0,0));
   8   border-image-source: repeating-linear-gradient(to top, rgb(255,0,0));
   9 }
  10
  11 c {
  12   background-image: linear-gradient(rgb(255,0,0));
  13   border-image-source: repeating-linear-gradient(rgb(255,0,0));
  14 }
  15
  16 d {
  17   background-image: linear-gradient(to left, rgb(255,0,0));
  18   border-image-source: repeating-linear-gradient(to left, rgb(255,0,0));
  19 }
  20
  21 e {
  22   background-image: linear-gradient(to right, rgb(255,0,0));
  23   border-image-source: repeating-linear-gradient(to right, rgb(255,0,0));
  24 }
  25
  26 f {
  27   background-image: linear-gradient(to bottom left, rgb(255,0,0));
  28   border-image-source: repeating-linear-gradient(to bottom left, rgb(255,0,0));
  29 }
  30
  31 g {
  32   background-image: linear-gradient(to bottom right, rgb(255,0,0));
  33   border-image-source: repeating-linear-gradient(to bottom right, rgb(255,0,0));
  34 }
  35
  36 h {
  37   background-image: linear-gradient(to top right, rgb(255,0,0));
  38   border-image-source: repeating-linear-gradient(to top right, rgb(255,0,0));
  39 }
  40
  41 i {
  42   background-image: linear-gradient(to bottom left, rgb(255,0,0));
  43   border-image-source: repeating-linear-gradient(to bottom left, rgb(255,0,0));
  44 }
  45
  46 j {
  47   background-image: linear-gradient(1turn, rgb(255,0,0));
  48   border-image-source: repeating-linear-gradient(1turn, rgb(255,0,0));
  49 }
  50
  51 k {
  52   background-image: linear-gradient(-0.25turn, rgb(255,0,0));
  53   border-image-source: repeating-linear-gradient(-0.25turn, rgb(255,0,0));
  54 }
  55
  56 l {
  57   background-image: linear-gradient(3.125deg, rgb(255,0,0));
  58   border-image-source: repeating-linear-gradient(3.125deg, rgb(255,0,0));
  59 }
  60
  61 m {
  62   background-image: linear-gradient(90rad, rgb(255,0,0));
  63   border-image-source: repeating-linear-gradient(90rad, rgb(255,0,0));
  64 }
  65
  66 n {
  67   background-image: linear-gradient(-100grad, rgb(255,0,0));
  68   border-image-source: repeating-linear-gradient(-100grad, rgb(255,0,0));
  69 }
  70
  71 o {
  72   background-image: linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255));
  73   border-image-source: repeating-linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255));
  74 }
  75
  76 p {
  77   background-image: linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%);
  78   border-image-source: repeating-linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%);
  79 }
  80
  81 q {
  82   background-image: linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%);
  83   border-image-source: repeating-linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%);
  84 }
  85
  86 r {
  87   background-image: linear-gradient(rgb(255,0,0) 1px, rgb(0,255,0) 2em);
  88   border-image-source: repeating-linear-gradient(rgb(255,0,0) 1px, rgb(0,255,0) 2em);
  89 }
  90
  91 s {
  92   background-image: linear-gradient(rgb(255,0,0), rgb(0,255,0) 2px, rgb(0,0,255));
  93   border-image-source: repeating-linear-gradient(rgb(255,0,0), rgb(0,255,0) 2px, rgb(0,0,255));
  94 }
  95
  96 t {
  97   background-image: linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255), rgb(160,32,240), rgb(255,192,203), rgb(255,255,0), rgb(0,0,0), rgb(255,165,0));
  98   border-image-source: repeating-linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255), rgb(160,32,240), rgb(255,192,203), rgb(255,255,0), rgb(0,0,0), rgb(255,165,0));
  99 }
 100
 101 u {
 102   background-image: linear-gradient(rgb(255,0,0) -5px, rgb(0,255,0) 20em, rgb(0,0,255), rgb(160,32,240) -42%, rgb(255,192,203) 3pt);
 103   border-image-source: repeating-linear-gradient(rgb(255,0,0) -5px, rgb(0,255,0) 20em, rgb(0,0,255), rgb(160,32,240) -42%, rgb(255,192,203) 3pt);
 104 }