BookStack Code Mirror - bookstack/blob - resources/assets/sass/_animations.scss

   1
   2 .anim.fadeIn {
   3   opacity: 0;
   4   animation-name: fadeIn;
   5   animation-duration: 160ms;
   6   animation-timing-function: ease-in-out;
   7   animation-fill-mode: forwards;
   8 }
   9
  10 @keyframes fadeIn {
  11   0% {
  12     opacity: 0;
  13   }
  14   100% {
  15     opacity: 1;
  16   }
  17 }
  18
  19 .anim.notification {
  20   transform: translate3d(580px, 0, 0);
  21   animation-name: notification;
  22   animation-duration: 3s;
  23   animation-timing-function: ease-in-out;
  24   animation-fill-mode: forwards;
  25 }
  26
  27 @keyframes notification {
  28   0% {
  29     transform: translate3d(580px, 0, 0);
  30   }
  31   10% {
  32     transform: translate3d(0, 0, 0);
  33   }
  34   90% {
  35     transform: translate3d(0, 0, 0);
  36   }
  37   100% {
  38     transform: translate3d(580px, 0, 0);
  39   }
  40 }