<div class="box green"></div>
<div class="box orange"></div>
<div class="box grey"></div>
/* Global styles come from external css https://codepen.io/GreenSock/pen/JGaKdQ*/

body {
  margin: 10px;

.box {
  display: block;

.pink {
  background-color: pink;
//rotate and move elements with a class of "box" ("x" is a shortcut for a translateX() transform) over the course of 1 second. 
gsap.to(".box", {rotation: 27, x: 100, duration: 1});

External CSS

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

External JavaScript

  1. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js