| <head> | |
| <style> | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| -webkit-transform-origin: 0 0; | |
| background-color: skyblue; | |
| border: 5px solid black; | |
| } | |
| .matrix { transform: rotate(-30deg) matrix(.866, .5, -.5, .866, 0, 0); } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="matrix"></div> | |
| </body> |