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.
.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);
<div class="transformed">
<div class="orientation-marker"></div>