.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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.