How to store this in a function?

Asked Jan 31 '18 at 14:39

Active Jan 31 '18 at 14:48

Viewed 62 times

my goal is to store this code:

anime.timeline()
        .add({
            targets: '.animate .word',
            scale: [14, 1],
            opacity: [0, 1],
            easing: "easeOutCirc",
            duration: 600,
        });

inside of a function that once i'll call it, it will run the the code above. I have tried this on:

var animate = ()=>{
anime.timeline()
            .add({
                targets: '.animate .word',
                scale: [14, 1],
                opacity: [0, 1],
                easing: "easeOutCirc",
                duration: 600,
            });
};

but once I called this, it seems to have an error that says that anime.timline() is not a function. any ideas?

edited Jan 31 '18 at 14:48

HMR

37,593
24
91
160

asked Jan 31 '18 at 14:39

2

So what's the problem? – Turnip Jan 31 '18 at 14:41
`function someFunction() { /*your code here*/ }` – Keith Jan 31 '18 at 14:42
You don't have function called `anime.timeline` anymore, you have a function called `animate`.. – Keith Jan 31 '18 at 14:43
I have addes the problem above – Jan 31 '18 at 14:44
yea that is it, ty :) – Jan 31 '18 at 14:46
make sure you add the [anime](http://animejs.com/documentation/#timelineParameters) script file before your code. – HMR Jan 31 '18 at 14:49
Done that ty. :) – Jan 31 '18 at 14:54
You are calling this function by `animate()` now correct? If so, can we see more of this file? – Phillip Thomas Jan 31 '18 at 15:16
I have done this one ty :) – Feb 11 '18 at 09:01

How to store this in a function?

0 Answers0