weseek__growi/packages/app/src/components/Fab.module.scss

.grw-fab :global {
  // workaround
  // https://stackoverflow.com/a/57667536
  .fadeInUp {
    & :local {
      animation: fab-fadeinup 1s ease 0s;
    }
  }
  .fadeOut {
    & :local {
      animation: fab-fadeout 0.5s ease 0s forwards;
    }
  }
}

@keyframes fab-fadeinup {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes fab-fadeout {
  100% {
    opacity: 0
  }
}