title: anime.css
tags:

  • anime.css
  • uni-app
    categories:
  • 前端
    date: 2019-03-20

Anime.css

Attention Seekers(晃动效果)

  1. bounce
    Anime css - 图1
  2. flash
    Anime css - 图2
  3. pulse
    Anime css - 图3
  4. rubberBand
    Anime css - 图4
  5. shake
    Anime css - 图5
  6. swing
    Anime css - 图6
  7. tada
    Anime css - 图7
  8. wobble
    Anime css - 图8
  9. jello
    Anime css - 图9
  10. heartBeat
    Anime css - 图10

Bouncing Entrances(弹性缓冲效果-入场)

  1. bounceIn
    Anime css - 图11
  2. bounceInDown
    Anime css - 图12
  3. bounceInLeft
    Anime css - 图13
  4. bounceInRight
    Anime css - 图14
  5. bounceInUp
    Anime css - 图15

Bouncing Exits(弹性缓冲效果-退场)

  1. bounceOut
    Anime css - 图16
  2. bounceOutDown
    Anime css - 图17
  3. bounceOutLeft
    Anime css - 图18
  4. bounceOutRight
    Anime css - 图19
  5. bounceOutUp
    Anime css - 图20

Fading Entrances(透明度变化效果-入场)

  1. fadeIn
    Anime css - 图21
  2. fadeInDown
    Anime css - 图22
  3. fadeInDownBig
    Anime css - 图23
  4. fadeInLeft
    Anime css - 图24
  5. fadeInLeftBig
    Anime css - 图25
  6. fadeInRight
    Anime css - 图26
  7. fadeInRightBig
    Anime css - 图27
  8. fadeInUp
    Anime css - 图28
  9. fadeInUpBig
    Anime css - 图29

Fading Exits(透明度变化效果-退场)

  1. fadeOut
    Anime css - 图30
  2. fadeOutDown
    Anime css - 图31
  3. fadeOutDownBig
    Anime css - 图32
  4. fadeOutLeft
    Anime css - 图33
  5. fadeOutLeftBig
    Anime css - 图34
  6. fadeOutRight
    Anime css - 图35
  7. fadeOutRightBig
    Anime css - 图36
  8. fadeOutUp
    Anime css - 图37
  9. fadeOutUpBig
    Anime css - 图38

Flippers(翻转效果)

  1. flip
    Anime css - 图39
  2. flipInX
    Anime css - 图40
  3. flipInY
    Anime css - 图41
  4. flipOutX
    Anime css - 图42
  5. flipOutY
    Anime css - 图43

Lightspeed

  1. lightSpeedIn
    Anime css - 图44
  2. lightSpeedOut
    Anime css - 图45

Rotating Entrances(旋转效果-入场)

  1. rotateIn
    Anime css - 图46
  2. rotateInDownLeft
    Anime css - 图47
  3. rotateInDownRight
    Anime css - 图48
  4. rotateInUpLeft
    Anime css - 图49
  5. rotateInUpRight
    Anime css - 图50

Rotating Exits(旋转效果-退场)

  1. rotateOut
    Anime css - 图51
  2. rotateOutDownLeft
    Anime css - 图52
  3. rotateOutDownRight
    Anime css - 图53
  4. rotateOutUpLeft
    Anime css - 图54
  5. rotateOutUpRight
    Anime css - 图55

Sliding Entrances(滑动效果-入场)

  1. slideInUp
    Anime css - 图56
  2. slideInDown
    Anime css - 图57
  3. slideInLeft
    Anime css - 图58
  4. slideInRight
    Anime css - 图59

Sliding Exits(滑动效果-退场)

  1. slideOutUp
    Anime css - 图60
  2. slideOutDown
    Anime css - 图61
  3. slideOutLeft
    Anime css - 图62
  4. slideOutRight
    Anime css - 图63

Zoom Entrances(缩放效果-入场)

  1. zoomIn
    Anime css - 图64
  2. zoomInDown
    Anime css - 图65
  3. zoomInLeft
    Anime css - 图66
  4. zoomInRight
    Anime css - 图67
  5. zoomInUp
    Anime css - 图68

Zoom Exits(缩放效果-退场)

  1. zoomOut
    Anime css - 图69
  2. zoomOutDown
    Anime css - 图70
  3. zoomOutLeft
    Anime css - 图71
  4. zoomOutRight
    Anime css - 图72
  5. zoomOutUp
    Anime css - 图73

Specials(特殊效果)

  1. hinge
    Anime css - 图74
  2. jackInTheBox
    Anime css - 图75
  3. rollIn
    Anime css - 图76
  4. rollOut
    Anime css - 图77