Revision control

1
<style>
2
3
div {
4
position: absolute;
5
top: 0;
6
left: 0;
7
width: 100px;
8
height: 100px;
9
background-color: black;
10
11
will-change: transform;
12
translate: 100px 100px;
13
rotate: 180deg;
14
scale: 0.5;
15
transform: translate(-50px -50px);
16
}
17
18
div::after {
19
content: "";
20
position: absolute;
21
left: 0;
22
top: 0;
23
width: 100%;
24
height: 50%;
25
background-color: gray;
26
}
27
28
</style>
29
<div></div>
30
<script src="resources/wait-until-animations-are-committed.js"></script>