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 }
  41
  42 @keyframes menuIn {
  43   from { opacity: 0;transform: scale3d(0, 0, 1);}
  44
  45   to { opacity: 1; transform: scale3d(1, 1, 1);}
  46 }
  47
  48 .anim.menuIn {
  49   transform-origin: 0% 0%;
  50   animation-name: menuIn;
  51   animation-duration: 120ms;
  52   animation-delay: 0s;
  53   animation-timing-function: cubic-bezier(.62,.28,.23,.99);
  54 }