main

animate-css/animate.css

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

lightSpeedOutLeft.css

TLDR

This file contains CSS code related to the lightSpeedOutLeft animation. The animation moves an element to the left while skewing it at the same time, gradually reducing its opacity until it disappears.

Methods

There are no methods in this file.

Classes

.lightSpeedOutLeft

This class applies the lightSpeedOutLeft animation to an element. It specifies the animation name and timing function.

@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

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

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