M4gixjs NPM | npm.io

🧙‍♂️ 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
<!-- `child`	Content from cell 2	false -->

event anime animation javascript

@infinitebrahmanuniverse/nolb-m4 @everything-registry/sub-chunk-2117

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago