summaryrefslogtreecommitdiffstats
path: root/layout/reftests/svg/filters/css-filter-chains/moz-element.html
blob: 245f6a6464da15f6728ea2deee4b79e700ae5f9c (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
28
29
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<!DOCTYPE html>
<html>
<head>
  <title>CSS Filters Chains: Use a Filtered Element as the Background of Another Element</title>
  <style type="text/css">
    #src {
      filter: hue-rotate(90deg) saturate(10);
      background-color: #f00;
      width: 100px;
      height: 100px;
    }
    #dest {
      margin-top: 10px;
      background: -moz-element(#src);
      width: 200px;
      height: 200px;
    }
  </style>
</head>
<body>
  <p>You should see a small green square followed by a large green square.</p>
  <div id="src"></div>
  <div id="dest"></div>
</body>
</html>