<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>