lightSpeedOutRight.css

TLDR

This file contains a CSS animation called lightSpeedOutRight and a corresponding CSS class .lightSpeedOutRight that applies the animation to an element.

Classes

.lightSpeedOutRight

This class applies the lightSpeedOutRight animation to an element. The animation makes the element gradually disappear while moving towards the right at an angle. The animation has an ease-in timing function.

@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}