31 lines
507 B
HTML
31 lines
507 B
HTML
|
<style>
|
||
|
|
||
|
div {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100px;
|
||
|
height: 100px;
|
||
|
background-color: black;
|
||
|
|
||
|
will-change: transform;
|
||
|
translate: 100px 100px;
|
||
|
rotate: 180deg;
|
||
|
scale: 0.5;
|
||
|
transform: translate(-50px -50px);
|
||
|
}
|
||
|
|
||
|
div::after {
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
width: 100%;
|
||
|
height: 50%;
|
||
|
background-color: gray;
|
||
|
}
|
||
|
|
||
|
</style>
|
||
|
<div></div>
|
||
|
<script src="resources/wait-until-animations-are-committed.js"></script>
|