ViewJs

Environment Setup

Download any working environment
If you want use notepad
Add cdn to any index.html file specified in the documentation

Usage

Add animate class to any tag
Specify the animation type with type
Specify the animation delay with Delay
Determines the animation speed according to the opening size of the screen, gets true false

Support

This project is an open source project
You can support by starring the project
You can go to the project with the button below

CDN



animation.css

https://viewjs.netlify.app/animation.css


animate.js

https://viewjs.netlify.app/animate.js

Animations



Fade


fade-1

div

fade-2

div

fade-3

div

fade-4

div

fade-5

div


Up Down


upDown-1

div

upDown-2

div

upDown-3

div


Down Up


downUp-1

div

downUp-2

div

downUp-3

div

Notice: If you click on div, the animation is repeated