main

animate-css/animate.css

Last updated at: 29/12/2023 09:20

slideInDown.css

TLDR

This file contains CSS code for the slideInDown animation. The animation starts by translating the element vertically by 100% and making it visible. It then translates the element back to its original position.

Methods

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}