<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3">box</div>
.box{ margin: 20px; width: 100px; height: 100px; }
.box1{ background: orange; }
.box2{ background: greenyellow; }
.box3{ background: tomato; }
gsap.to(".box1", { duration: 3, x: 200, opacity: 0.2, ease: 'steps(10)', delay: 2,});

gsap.to(".box2", { duration: 3, x: 200, rotate: 720, scale: 1.3,});

gsap.to(".box3", { duration: 3, x: 200, ease: 'elastic', backgroundColor: 'red', width: 300, fontSize: 60});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.co/gsap@3/dist/gsap.min.js