summaryrefslogtreecommitdiffstats
path: root/layout/reftests/transform/stresstest-1.html
blob: f0202ab8617e085df4f7f2ddfc97bf1eca8a04ae (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
<html class="reftest-wait">
  <head>
      <script type="application/javascript">
        function runtest() {
          var iframe = document.getElementById("test");
          var style = iframe.getAttribute("style");
          // We depend on the transform being the last rule so clip the ending ';'
          style = style.substring(0, style.length-1);

          // Here, we add transform functions to explicitly undo the effects of
          // each already-applied transform.  This should leave us with an
          // effectively-untransformed iframe.
          style = style + " scale(0.5, 0.25) translatex(-50px) rotate(-45deg) translate(-50px, -50px) skewx(135deg);"
          iframe.setAttribute("style", style);
          document.documentElement.className = "";
        }
      </script>
  </head>
  <body>
    <iframe
      src="square.html"
      style="height: 200px; width: 300px; -moz-transform: skewx(45deg) translate(50px, 50px) rotate(45deg) translatex(50px) scale(2.0, 4.0);"
      id="test"
      onload="runtest();">
    </iframe>
  </body>
</html>