<div id="demo">
<div id="easeWrapper">
<div id="logo"><img width="60px" src="https://i.imgur.com/LVZMucD.png"></img></div>
</div>
</div>#demo {
width: 450px;
height: 60px;
background-color: #F5F5F5;
padding: 8px;
}
#easeWrapper {
width: 350px;
margin-right: auto;
margin-left: auto;
border-right: 1px dashed #CCC;
border-left: 1px dashed #CCC;
}
#logo {
position: relative;
width:60px;
height:60px;
}window.onload = function() {
var logo = document.getElementById("logo");
TweenLite.to(logo, 2, {left:"293px", ease:Bounce.easeOut});}
External CSS
This Pen doesn't use any external CSS resources.