blob: 5d8213ff17607cb1acee3f7d4b68530592a00cbd [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);
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>