ok.css
Keyframes
Controls
Animation name
600ms
Easing
Iterations
Direction
Fill mode
Keyframe stops
Stop 1
0%
0.00
0px
-20px
1.00
0deg
Stop 2
100%
1.00
0px
0px
1.00
0deg
Output
@keyframes fadeIn {
  0% { opacity: 0; transform: translate(0px, -20px) scale(1) rotate(0deg); }
  100% { opacity: 1; transform: translate(0px, 0px) scale(1) rotate(0deg); }
}

.element {
  animation: fadeIn 600ms ease-out 0ms 1 normal forwards;
}