html, body {

    display: flex;

    width: 100%;

    height: 100%;

}

​

div {

    width: 100px;

    height: 100px;

    // background: #000;

    // position: absolute;

    left: 200px;

    color: #000;

    font-size: 100px;

    font-weight: bold;

    margin: auto;

}

​

.individual {

    transform: rotateZ(60deg) translate(50px, 50px);

    translate: 100px 100px;

    // transform: translate(100px, 100px) rotateZ(60deg) scale(2);

    // transform: rotateZ(60deg) translate(100px, 100px) scale(2);

    // transform: rotateZ(60deg) translate(100px, 100px) scale(2);

    // rotate: Z 30deg;

    // scale: 1.5;

    // transform-origin: 50% 50%;

    // translate: 100px 0;

    // animation: scale 1.5s infinite alternate;

}

​

.mix {

    transform: rotateZ(60deg) translate(150px, 150px);

}

​

​

@keyframes scale {

    0% {

        // transform: translate(-50%, -50%) scale(1);

        scale: 1;

    }

    100% {

        // transform: translate(-50%, -50%) scale(1.2);

        scale: 1.2

    }

}