Transition on Load

transition on load

@keyframes slideInFromLeft {
    0% {
        transform: translatey(5%);
		opacity: 0;
    }
    100% {
        transform: translatey(0);
		opacity: 1;
    }
}

.fadeIn{
  animation-duration: 2s; /* the duration of the animation */
  animation-timing-function: ease-out; /* how the animation will behave */
  animation-delay: 0s; /* how long to delay the animation from starting */
  animation-iteration-count: 1; /* how many times the animation will play */
  animation-name: slideInFromLeft; /* the name of the animation we defined above */
}