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: rotate;
12
rotate: 180deg;
13
14
animation-name: rotate;
15
animation-delay: 1000s;
16
animation-duration: 1000s;
17
}
18
19
div::after {
20
content: "";
21
position: absolute;
22
left: 0;
23
top: 0;
24
width: 100%;
25
height: 50%;
26
background-color: gray;
27
}
28
29
@keyframes rotate {
30
from { rotate: 90deg }
31
to { rotate: 90deg }
32
}
33
34
</style>
35
<div></div>
36
<script src="resources/wait-until-animations-are-committed.js"></script>