.box { position: absolute; left: 50%; top: 100px; width: 100px; height: 100px; margin-left: -50px; background-color: #000; opacity: 0; -webkit-animation: fadeInUp .5s linear 2s forwards; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; top: 130px; } 100% { opacity: 1; top: 100px; } }
<div class="box"></div>