m4gixjs

🧙‍♂️ Introduction

🪄✨ Fast annimation creation only with javascript 🪄✨

🧙‍♂️ Install

⭐️ npm i m4gixjs --save

🧙‍♂️ Usage

Import module:

import { Magix } from 'm4gixjs'

Example basic usage:

Magix({
    event:'click',     
    target:'#button' 
    animes:[
        {
            target:'#test',        
            css:{
                'background-color':['#00ff0c','#ffff00']
            },
        }
    ],
})

🪄 Base

Name object	Info	required
event	Event ('click','hover')	true
target	Dom target event	false
animes	Array of object animes	true
click	Object click options	false
hover	Object hover options	false
scroll	Object scroll options	false

🪄 Options

click

Name object	Info	Default value
toggleOut	Toggle when click out element	true

hover

Name object	Info	Default value

scroll

Name object	Info	Default value

🪄 animes

Name object	Info	required
target	Dom target animation	true
css	Css event	false
Class	class event	false
order	Order timeline animation	false
time	Time of animation	false