<svg viewBox="0 0 500 400">
<circle class="ball" cx="80" cy="80" r="80" />
</svg>
body {
background: #2F243A;
display: flex;
width: 99vw;
height: 99vh;
justify-content: center;
align-items: center;
}
.ball {
fill: #DB8A74;
}
svg {
width: 400px;
height: 200px;
}
View Compiled
gsap.to('.ball', {
duration: 1,
x: 200,
scale: 2
})
View Compiled
This Pen doesn't use any external CSS resources.