sample-animation.css

@keyframes fadeInBottom {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInBottom {
	animation-name: fadeInBottom;
}

.animated {
		animation-fill-mode: both;
		animation-duration: 1s;
		visibility: visible;
}

.anim5 {
  animation-duration: 2s;
  animation-delay: .1s;
  animation-timing-function: ease-in;
}

.anim5 {
  animation-duration: 1s;
  animation-delay: .1s;
  animation-timing-function: ease-in;
}

.anim10 {
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease-in;
}

.anim15 {
  animation-duration: 1s;
  animation-delay: .4s;
  animation-timing-function: ease-in-out;
}