svg { margin:40px; overflow:visible; } svg circle { r:5; transition: r 0.5s ease-in-out, fill 0.5s linear; transform-origin: 50% 50%; } circle:hover { fill:blue; r:15; }