x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
4
<style>
5
  .rotated {
6
    transform: matrix3d(0.583333, 0.186887, 0.79044, 0, -0.52022, 0.833333, 0.186887, 0, -0.623773, -0.52022, 0.583333, 0, 0, 0, 0, 1);
7
  }
8
  div {
9
    padding: 20px;
10
    margin: 20px;
11
    width: 120px;
12
    background: limegreen;
13
    color: white;
14
    font-family: sans-serif;
15
  }
16
</style>
17
18
<div class="rotated">
19
  Rotated with <code>matrix3d()</code>.
20
</div>
21
<div>
22
  Non-rotated div.
23
</div>