CSS Box
<html> <head> <title>CSS BOX</title> <style> .a { display: inline-block; background-color: purple; height: 200px; width: 150px; padding: 1px; margin: 5px; border-radius: 100%; animation: box 5s infinite; transform: rotate(30deg); } @keyframes box { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } body, html { height: 100%; } body { display: flex; align-items: center; justify-content: center; } </style> </head> <body> <div class="a"></div> </body> <html>