tween

by Listhya Kumala

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/easing/EasePack.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenLite.min.js"></script>
<img id="logo" src="http://listhyakumala.mb.student.pens.ac.id/TASK/bee.jpg">

CSS

#logo {
  position: relative;
  width: 75px;
  height: 75px;
}

JavaScript

var logo = document.getElementById("logo");
    TweenLite.to(logo, 1, {left:"500px"});