mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
28 lines
1.0 KiB
HTML
28 lines
1.0 KiB
HTML
|
<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>
|