blob: a5c02ab225d0e8006b698773f2a9b7b6df1db674 [file] [log] [blame]
<!DOCTYPE html>
<!--
| One should be able to specify transform functions via rotate functions.
| This test should result in rectangle rotated clockwise by 45 degrees.
-->
<html>
<head>
<style>
.transformed {
transform: rotate(45deg);
transform-origin: 10px 50px;
width: 100px;
height: 50px;
background-color: rgb(255, 100, 100);
}
.orientation-marker {
position: absolute;
right: 0;
width: 25px;
height: 100%;
background-color: rgb(100, 100, 255);
}
</style>
</head>
<body>
<div class="transformed">
<div class="orientation-marker"></div>
</div>
</body>
</html>