{"size": 1626, "ext": "js", "max_stars_repo_path": "demo/src/demo.js", "max_stars_repo_name": "ChangLin-CN/changlin-animate", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "demo/src/demo.js", "max_issues_repo_name": "ChangLin-CN/changlin-animate", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "demo/src/demo.js", "max_forks_repo_name": "ChangLin-CN/changlin-animate", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.972972973, "max_line_length": 74, "alphanum_fraction": 0.5166051661}
import {createAnimation} from "../../src/createAnimation";
import {easing} from "../../src/easing";

window.onload=()=>{


    let el5=document.querySelector('#ani5');
    createAnimation({
        target:el5,
        keyFrame:{'left':'300px','top':'100px'},
        onStart(){
            el5.innerHTML='Start Animation'
        },
        onComplete(e){
            el5.innerHTML='animation complete'
        }
    });

    let el6=document.querySelector('#ani6');
    let ani6= createAnimation({
        target:el6,
        keyFrame:{'transform':'rotate(170deg) scale(2,2)','left':'100px'},
        duration:4000
    });
    setTimeout(()=>ani6.stop(),2500);






    createAnimation({
        target:document.querySelector('#ani'),
        keyFrame:{'left':'300px','top':'100px'},
        useTransition:false,
        delay:5000,
    });

    createAnimation({
        target:'#ani2',
        keyFrame:{'left':'700px','top':'150px'},
        duration:3000,
        delay:6000,
        useTransition:false,
    });

    createAnimation({
        target:'#ani3',
        keyFrame:[
            {'left':'0px','top':'0px',percent:0},
            {'left':'200px','top':'0px',percent:25},
            {'left':'200px','top':'120px',percent:50},
            {'left':'0px','top':'120px',percent:75},
            {'left':'0px','top':'0px',percent:100}
        ],
        duration:3000,
        useTransition:false,
        delay:9000,

    });

    createAnimation({
        target:'#ani4',
        keyFrame:{'left':'+=300px','top':'-=100px'},
        duration:3000,
        delay:12000,
        useTransition:false,

    });


}

