<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.2/gsap.min.js