Source Code:
(back to article)
Submit
Result:
Report an issue
<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>