Member-only story

Vivify — CSS animation library

YvonneDev
2 min readMar 14, 2022

--

I find the easiest animation library, applying with CSS class name. You don’t need to add so many files to your projects if only some animation is needed, which includes 72 animation selections.

Official site

How to use it?

Step1:

import the vivify.min.css

you can download from the GitHub page

Step2:

setup the items you want animate in HTML

I only did it with the same gif images.

done. Isn’t that so simple?😁

The list animation class name you can add:

ball

blink

driveInBottom

driveInLeft

driveInRight

driveInTop

driveOutBottom

driveOutLeft

driveOutRight

driveOutTop

fadeIn

fadeInBottom

fadeInLeft

fadeInRight

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet