Source Code:
(back to article)
Submit
Result:
Report an issue
<div class="multi-animated-box"></div> <style> .multi-animated-box { width: 100px; height: 100px; background-color: blue; animation: move 4s infinite, rotate 2s infinite; } @keyframes move { 0% { transform: translateX(0); } 50% { transform: translateX(200px); } 100% { transform: translateX(0); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style>