.top{height:1280px;width:200px}.block,.top{border:solid}.block{margin:auto;width:300px;height:300px;background:pink}.in{-webkit-animation:in 1s;animation:in 1s}.topUp{-webkit-animation:topUp 1s;animation:topUp 1s}@-webkit-keyframes in{0%{-webkit-transform:translate(150px);transform:translate(150px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes in{0%{-webkit-transform:translate(150px);transform:translate(150px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes topUp{0%{-webkit-transform:translateY(150px);transform:translateY(150px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes topUp{0%{-webkit-transform:translateY(150px);transform:translateY(150px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}