blob: 630fceeed41519bae2d0195f39b3383294a61fab [file] [log] [blame]
<!DOCTYPE html>
<!--
| One should be able to specify transform functions via 2x3 matrix.
| This test should result in a skewed red rectangle output on the screen.
-->
<html>
<head>
<style>
.transformed {
transform: matrix(2, 0,
1, 2,
100, 50);
transform-origin: top right;
width: 100px;
height: 100px;
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>