gecko-dev/layout/reftests/transform/stresstest-1.html

28 строки
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>