<div class="complex-transform-box"></div>
<style>
.complex-transform-box {
width: 100px;
height: 100px;
background-color: yellow;
animation: complexTransform 5s infinite;
}
@keyframes complexTransform {
0% {
transform: translateX(0) rotate(0deg) scale(1);
}
50% {
transform: translateX(200px) rotate(180deg) scale(1.5);
}
100% {
transform: translateX(0) rotate(360deg) scale(1);
}
}
</style>