.container
  .item
View Compiled
.container {
  height: 300px;
}
.item {
  width: 50px;
  height: 50px;
  margin: 50px auto 0;
  background-color: #123;
  border-radius: 5px;
  animation: animeSample 1s ease .5s forwards;
}
@keyframes animeSample {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, -40px, 0); }
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.