lemon-scroll v1.0.7

what is this?

lemon-scroll is a tiny javascript library and its purpose is to animate elements of the dom in a simple and quick way

installation

copy and paste this

npm i lemon-scroll --save

THEN

import the { Lemon } module into your javascript file like this

import { Lemon } from " lemon-scroll "
new Lemon({
    el: insert your dom Element ex: ".box",
    animation: insert one of Lemon's animations
    duration: specifies the duration of the animation in seconds ex. 0.3
    options:{
        margin: margin of the dom element in view ex. "20px" 
        retartd: a value between 0 and 1
    }
})

after that import the css file into your html file

node_modules/lemon-scroll/index.css

inside the css file you can find all the lemon animation

List of animation

fadeIn
fadeUp
fadeLeft
fadeRight
flip-left
flip-right
fade-up-left
fade-up-right
zoom-in
zoom-out