<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/logo-man.svg" class="logo"/>
/* Global styles come from external css https://codepen.io/GreenSock/pen/JGaKdQ*/


.logo {
  position:relative;
  width:150px;
  left:50%;
  transform:translate(-50%, 20px);
}
//learn more https://www.greensock.com/customease

CustomEase.create("hop", "M0,0.005 C0,0.005 0.056,0.445 0.175,0.445 0.294,0.445 0.332,0 0.332,0 0.332,0 0.414,1 0.671,1 0.991,1 1,0 1,0");

TweenLite.to(".logo", 2, { ease: "hop", scale:1.5, rotation:30 });


//this file loads CustomEase in addition to TweenMax

External CSS

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

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js
  2. //s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomEase.min.js?r=2