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


// 拉下
.drop-down-enter-active
  transition transform .2s ease, opacity .2s ease
.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%)


.uif-opacity-enter-active
.uif-opacity-leave-active
  transition opacity 0.3s ease

.uif-opacity-enter
.uif-opacity-leave-to
  opacity 0


.uif-modal-enter-active
.uif-modal-leave-active
  transition all 0.2s ease

.uif-modal-enter
  opacity 0
  transform scale(0.5, 0.5)

.uif-modal-leave-to
  opacity 0
  transform translateY(-100px)


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