Vivify有趣的68種純CSS動畫滾動效果，還不試試?

• ball
• blink
• driveInBottom
• driveInLeft
• driveInRight
• driveInTop
• driveOutBottom
• driveOutLeft
• driveOutRight
• driveOutTop
• fadeIn
• fadeInBottom
• fadeInLeft
• fadeInRight
• fadeInTop
• fadeOut
• fadeOutBottom
• fadeOutLeft
• fadeOutRight
• fadeOutTop
• flip
• flipInX
• flipInY
• flipOutX
• flipOutY
• fold
• hitLeft
• hitRight
• jumpInLeft
• jumpInRight
• jumpOutLeft
• jumpOutRight
• popIn
• popInBottom
• popInLeft
• popInRight
• popInTop
• popOut
• popOutBottom
• popOutLeft
• popOutRight
• popOutTop
• pullDown
• pullLeft
• pullRight
• pullUp
• pulsate
• rollInBottom
• rollInLeft
• rollInRight
• rollInTop
• rollOutBottom
• rollOutLeft
• rollOutRight
• rollOutTop
• shake
• spin
• spinIn
• spinOut
• swoopInBottom
• swoopInLeft
• swoopInRight
• swoopInTop
• swoopOutBottom
• swoopOutLeft
• swoopOutRight
• swoopOutTop
• unfold
   

線上展示可以連結此處 - Vivify - CodePen
使用方法只需要將 vivify css 文件包含到文檔的HEAD中

​將希望呈現的效果項目 vivify 添加到要設置動畫的元素上。
如果你想讓你的動畫是無限的，你也可以添加。

如果您想快速更改延遲或持續時間，您只需添加延遲或持續時間以及以毫秒為單位的數字。
範例：delay-2500 延遲 2.5 秒。 或 duration-550 持續 550 毫秒。