main

animate-css/animate.css

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

rotateOutDownRight.css

TLDR

This file contains CSS code for the animation effect "rotateOutDownRight". It defines keyframes and a class for applying the animation to an element.

Classes

rotateOutDownRight

Applies the "rotateOutDownRight" animation effect to an element. The element will rotate 45 degrees to the right and move downwards while fading out.

@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}