Как удалить элемент в anime.js?

Я новичок в anime.js. Я что-то оживляю и после завершения анимации хочу удалить элемент, который я оживляю.

Анимация работает отлично. Я просто не могу удалить элемент, с которым я работаю, и я не хочу его скрывать

logoTimeline
.add({
        targets: text1,
        duration: 700,
        delay: function(el, index) { return index*50; },
        opacity: 1,

        easing: 'easeOutCirc',
        translateX: function(el, index) {
            return [(-50+index*10),0]
        },
        offset:0
    })
    .add({
        remove:text1
    })

1 ответ

Решение

В соответствии с документацией API необходимо добавить complete функция обратного вызова, которая сработает после завершения анимации:

logoTimeline
.add({
    targets: text1,
    duration: 700,
    delay: function(el, index) { return index*50; },
    opacity: 1,

    easing: 'easeOutCirc',
    translateX: function(el, index) {
        return [(-50+index*10),0]
    },
    offset:0,
    complete: function(anim) {
        logoTimeline.remove();
    }
});
Другие вопросы по тегам