Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!doctype html> <title>Example</title> <style> .outer { width: 250px; height: 250px; border: 10px solid black; } .inner{ transform-origin:50% 50%; transform-box: fill-box; animation: rotateBox 3s linear infinite; } @keyframes rotateBox { to { transform: rotate(360deg); } </style> <svg class="outer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"> <g> <rect class="inner" x="5" y="5" width="10" height="10" fill="limegreen" /> </g> </svg>