// 该文档用于定义样式动画


// 下拉 (used)
.n-drop-down-enter-active
.n-drop-down-enter-active
  transition transform .2s ease, opacity .2s ease
.n-drop-down-enter
  opacity 0
  transform translateY(-20px)

// 上方滑入
.top-slide-enter-active
.top-slide-leave-active
  transition transform .2s ease
.top-slide-enter
.top-slide-leave-to
  transform translateY(-100%)

// 下方滑入
.bottom-slide-enter-active
.bottom-slide-leave-active
  transition transform .2s ease
.bottom-slide-enter
.bottom-slide-leave-to
  transform translateY(100%)

// 右侧滑入
.right-slide-enter-active
.right-slide-leave-active
  transition transform .2s ease
.right-slide-enter
.right-slide-leave-to
  transform translateX(100%)

// 左侧滑入
.left-slide-enter-active
.left-slide-leave-active
  transition transform .2s ease
.left-slide-enter
.left-slide-leave-to
  transform translateX(-100%)

// 透明 (used)
.n-opacity-enter-active
.n-opacity-leave-active
  transition opacity 0.3s ease

.n-opacity-enter
.n-opacity-leave-to
  opacity 0

// 透明 (快速)
.n-opacity-s-enter-active
.n-opacity-s-leave-active
  transition opacity 0.1s ease
.n-opacity-s-enter
.n-opacity-s-leave-to
  opacity 0

@keyframes n-rotate
  0%
    transform rotate(0deg)
  100%
    transform rotate(360deg)