I want to do something whenever animation of each separate element begins. However, the begin callback only triggers on the animation of first element and not each element in the list. Here is an example:

anime({
                                targets: 'ul li',
                                background: '#000',
                                delay: anime.stagger(500),
                                begin: function(anim) {
                                    console.log('changed');
                                },                
                            });

The above code only logs changed once but there are 8 different list elements whose background changes to black with a delay of 500ms.

What is the proper way of tiggering a callback for each such element?

Thanks.