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;
}