rollOut.css

TLDR

The file rollOut.css contains a CSS animation called rollOut that gradually reduces the opacity and moves an element to the right while rotating it.

Classes

rollOut

Applies the rollOut animation to an element, gradually reducing its opacity and moving it to the right while rotating it.

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}