@devzatokio/vue-toaster/src/themes/default/animations.styl

Vue.js toaster notification

// Animations are taken from animate.css
// https://daneden.github.io/animate.css

@keyframes vue-toaster-fade-out
  from
    opacity 1
  to
    opacity 0

.vue-toaster-fade-out
  animation-name vue-toaster-fade-out

@keyframes vue-toaster-fade-in-down
  from
    opacity .5
    transform translate3d(0, -100%, 0)
  to
    opacity 1
    transform none

.vue-toaster-fade-in-down
  animation-name vue-toaster-fade-in-down

@keyframes vue-toaster-fade-in-up
  from
    opacity .5
    transform translate3d(0, 100%, 0)
  to
    opacity 1
    transform none

.vue-toaster-fade-in-up
  animation-name vue-toaster-fade-in-up

// VUE

.vue-toaster-fade-enter-active
  transition opacity 300ms ease-in
.vue-toaster-fade-leave-active
  transition opacity 150ms ease-out

.vue-toaster-fade-enter,
.vue-toaster-fade-leave-to
  opacity 0