summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/svg-integration/css-and-svg-filter-01.html
blob: 7b278d1b104b7b3c66d8f82719a19f909b80d6c9 (plain)
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
<!DOCTYPE html>
<html>
<head>
  <style>
    .dark {
      filter:  invert(1) url("#balance-color") ;
    }
  </style>
</head>
<body>

  <svg class="dark" width="400" height="110">
    <rect width="300" height="100" style="fill:rgb(255,255,255);" />
  </svg>

  <svg width="10" height="10">
    <defs>
      <filter id="balance-color">
        <feColorMatrix type="matrix"
        values="1 0 0 0 0   0 1 0 0 0   0 0 1 0 0   0 0 0 1 0">
        </feColorMatrix>
      </filter>
    </defs>
  </svg>

</body>
</html>