// @import '~@/styles/animate'

// 透明动画
.e-animation--opacity
  animation breath--opacity 3s ease-in-out infinite
  &:hover
    opacity 1
    animation none
@keyframes breath--opacity
  0%
    opacity 1
  50%
    opacity 0.3
  100%
    opacity 1
// 左右移动动画
.e-animation--top
  animation breath--top 1s ease-in-out infinite
  &:hover
    margin-top 0
    animation none
@keyframes breath--top
  0%
    margin-top 0
  50%
    margin-top 10px
  100%
    margin-top 0
// 上下动动画
.e-animation--left
  animation breath--left 1s ease-in-out infinite
  &:hover
    margin-left 0
    animation none
@keyframes breath--left
  0%
    margin-left 0
  50%
    margin-left 10px
  100%
    margin-left 0
