@trap_stevo/legendarybuilderproreact-ui/dist/HUDStyles/HUDAnimations.css

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

/*

     Created by Hassan Steven Compton.
     
     March 7, 2024.

*/











/* HUD Fade Transition */
.fade-enter {
  opacity: 0.01;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.fade-exit {
  opacity: 1;
}

.fade-exit.fade-exit-active {
  opacity: 0.01;
  transition: opacity 327ms ease-in;
}











/* HUD Burn Transition */
.hud-burn-transition {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  min-height : 100vh;
  overflow : hidden;
  height : 100%;
  z-index : 9999;
  opacity : 0;
  transition : opacity 0.5s ease-out;
}

.hud-burn-transition.visible {
  opacity : 1;
}

.hud-burn-transition.hidden {
  visibility : hidden;
  opacity : 0;
}

.hud-burn-overlay {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  animation : hudBurnAnimation 2s ease-out forwards;
}

@keyframes hudBurnAnimation {
  0% {
    transform : scale(1);
    opacity : 1;
  }
  
  100% {
    transform : scale(2);
    opacity : 0;
  }
}