CodePen

HTML

            
              
<div id="creature"></div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              body{
  background-color:#333;
  margin:0;
}



#creature{
  background:url(http://www.greensock.com/_img/codepen/bezierCreature/creature_red.png);
  width:27px;
  height:29px;
  position:absolute;
  
}



            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
TweenMax.to(document.getElementById("creature"), 5, {bezier:{type:"cubic", values:[{x:100, y:250}, {x:150, y:100}, {x:300, y:500}, {x:500, y:400}], autoRotate:["x","y","rotation", 0, true]}, ease:Power1.easeInOut});

            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................