rollIn.css

TLDR

This file contains CSS code for the rollIn animation, which animates an element to roll in from the left side of the screen.

Classes

rollIn

This class applies the rollIn animation to an element. It sets the animation-name property to rollIn.

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

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

.rollIn {
  animation-name: rollIn;
}