.square { width: 100px; height: 100px; background: #439AE2; margin: 20px; border-radius: 5px; position: relative; top:0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .square:hover { top: 30px; cursor: pointer; }
<div class="square"></div>