.animation {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.animation .wrap {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 0.6s ease-out 0.6s, -webkit-transform 0.6s ease 0.4s;
  transition: opacity 0.6s ease-out 0.6s, -webkit-transform 0.6s ease 0.4s;
  transition: opacity 0.6s ease-out 0.6s, transform 0.6s ease 0.4s;
  transition: opacity 0.6s ease-out 0.6s, transform 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
}

.animation.animated {
  opacity: 1;
}

.animation.animated .wrap {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}