1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <title>Relative Position Transform Redraw</title>
5 <meta http-equiv="content-type" content="text/html; charset=utf-8">
6 <style type="text/css">
12 background-color: #DDD;
20 background-color: #CCC;
21 border: 1px solid black;
22 transform: rotate(0deg);
26 transform: rotate(45deg);
29 <script src="resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script>
30 <script type="text/javascript" charset="utf-8">
31 function repaintTest()
33 document.getElementById('box').className = 'rotated';
37 <body onload="runRepaintTest()">
38 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=17840">https://bugs.webkit.org/show_bug.cgi?id=17840</a>. The rotated box should be correctly redrawn.</p>