gfx/tests/reftest/1616444-same-color-different-paths-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252"><style>
  .swatch {
      float: left;
      height: 40px;
      width: 120px;
      box-sizing: border-box;
  }
  .swatch2 {
      float: left;
      height: 40px;
      width: 720px;
      box-sizing: border-box;
  }
  .header {
      border: 1px solid black;
      font-size: 10px;
      font-weight: bold;
  }
  br { clear: both; }

  .red { background: red }
  .orange { background: orange }
  .yellow { background: yellow }
  .green { background: green }
  .blue { background: blue }
  .indigo { background: indigo }
  .violet { background: violet }

</style>
</head><body>
  <div class="swatch header">A: named color</div>
  <div class="swatch header">B: �&amp; will-change: transform</div>
  <div class="swatch header">C: �&amp; border</div>
  <div class="swatch header">D: solid-color gradient </div>
  <div class="swatch header">E: �&amp; will-change: transform</div>
  <div class="swatch header">F: �&amp; border</div>
  <br>
  <div class="swatch2 red"></div>
 <br>
  <div class="swatch2 orange"></div>
  <br>
  <div class="swatch2 yellow"></div>
  <br>
  <div class="swatch2 green"></div>
  <br>
  <div class="swatch2 blue"></div>
  <br>
  <div class="swatch2 indigo"></div>
  <br>
  <div class="swatch2 violet"></div>
  <br>
</body></html>