1div {
2 position: absolute;
3 left: 40px;
4 top: 40px;
5 width: 100px;
6 height: 100px;
7 background-color: lightgray;
8}
9
10.rotate {
11 background-color: transparent;
12 outline: 2px dashed;
13 transform: rotate(45deg);
14}
15
16.rotate-translate {
17 background-color: pink;
18 transform: rotate(45deg) translateX(180px);
19}
20
21.translate-rotate {
22 background-color: gold;
23 transform: translateX(180px) rotate(45deg);
24}
25