<div class="box green"></div>
/* General styles */
body { 
  margin: 30px;
}
gsap.to(".box", { keyframes: [
  {duration: 1, x: 100 },
  { duration: 1, backgroundColor: "#f38630", delay: 0.5 }, 
  { duration: 1, x: 0, rotation: -360, delay: 0.5 }
]});

External CSS

  1. https://codepen.io/GreenSock/pen/JGaKdQ

External JavaScript

  1. https://assets.codepen.io/16327/gsap-latest-beta.min.js