Как удалить элемент в 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();
}
});