30 lines
632 B
HTML
30 lines
632 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="resources/text-based-repaint.js"></script>
|
||
|
|
<style>
|
||
|
|
div {
|
||
|
|
margin: 50px;
|
||
|
|
width: 200px;
|
||
|
|
height: 50px;
|
||
|
|
border: 1px solid black;
|
||
|
|
transform-origin: top left;
|
||
|
|
transform: rotate(20deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
body.changed div {
|
||
|
|
transform: rotate(30deg);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
function repaintTest()
|
||
|
|
{
|
||
|
|
document.body.classList.add('changed');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body onload="runRepaintTest();">
|
||
|
|
<div id="target"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|