slideOutDown.css

TLDR

This file contains CSS code for animating an element to slide out downwards.

Classes

slideOutDown

This class applies the slideOutDown animation to an element. The animation animates the element to slide out downwards, causing it to disappear from view.

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}