haikuwebkit/LayoutTests/webanimations/relative-ordering-of-transl...

27 lines
422 B
HTML

<style>
div {
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100px;
background-color: black;
translate: 100px 100px;
rotate: 180deg;
}
div::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
background-color: gray;
}
</style>
<div></div>