<link href='//fonts.googleapis.com/css?family=Signika+Negative:300,400' rel='stylesheet' type='text/css'>

<div class="wrapper">
  <div class="box green"></div>
  <div class="box orange"></div>
  <div class="box grey"></div>
</div>
<div class="brandBar">
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/GreenSock-logo-text-outlines.svg"></div>
/* Global styles come from external css https://codepen.io/GreenSock/pen/JGaKdQ*/

.wrapper {
  margin-top:16px;
}

.box {
  display:block;
  position:relative;
}
TweenMax.to(".box", 1, {
  x: function() {
    return Math.random() * 300;
  }
});

External CSS

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

External JavaScript

  1. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/TweenMax-latest-beta.js?v=carlschooff