Анимация на anime.js иконки добавления в избранное

.favorite-align {
	text-align: center;
}
.favorite {
	position: relative;
	transform: scale(1);
	display: inline-block;
	transform-origin: 50% 0%;
}

.favorite__inactive {
	transform-origin: 50% 50%;
}

.favorite__active {
	transform-origin: 50% 50%;
	transform: scale(0);
	opacity: 1;
}

.favorite__halo-outer {
	transform-origin: 50% 50%;
	transform: scale(0);
}

.favorite__sprinkle {
	position: absolute;
	top: 50px;
	left: 52px;
	transform: rotate(36deg);
}

.favorite__sprinkle:nth-child(2) {
	transform: rotate(108deg);
}

.favorite__sprinkle:nth-child(3) {
	transform: rotate(180deg);
}

.favorite__sprinkle:nth-child(4) {
	transform: rotate(252deg);
}

.favorite__sprinkle:nth-child(5) {
	transform: rotate(324deg);
}

.favorite__sprinkle-circle {
	position: absolute;
	content: '';
	background: #F98247;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	margin-top: -28px;
}

var timeline = anime.timeline({ autoplay: true, direction: 'normal', loop: true });

timeline
.add({
	targets: '.favorite__inactive',
	scale: {
		value: [1, 0],
		duration: 400,
		delay: 1000,
		easing: 'easeInQuad'
	}
})
.add({
	targets: '.favorite__halo-outer',
	scale: {
		value: [0, 1],
		duration: 400,
		delay: 1400,
		easing: 'easeOutQuad'
	},
	offset: 0
})
.add({
	targets: '.favorite__halo-inner',
	r: {
		value: [0, 49],
		duration: 300,
		delay: 1500,
		easing: 'easeOutQuad'
	},
	offset: 0
})
.add({
	targets: '.favorite__active',
	scale: {
		value: [0, 1],
		duration: 500,
		delay: 1600,
		easing: 'easeOutQuad'
	},
	opacity: {
		value: 1,
		duration: 1500,
		delay: 2500
	},
	offset: 0
})
.add({
	targets: '.favorite__sprinkle',
	opacity: {
		value: [0, 1],
		duration: 150,
		delay: 1500
	},
	offset: 0
})
.add({
	targets: '.favorite__sprinkle-circle',
	height: {
		value: [5, 12],
		duration: 100,
		delay: 1600,
		easing: 'easeOutQuad'
	},
	offset: 0
})
.add({
	targets: '.favorite__sprinkle-circle',
	height: {
		value: [12, 5],
		duration: 100,
		delay: 1700,
		easing: 'easeOutQuad'
	},
	offset: 0
})
.add({
	targets: '.favorite__sprinkle-circle',
	opacity: {
		value: [1, 0],
		duration: 500,
		delay: 1800,
		easing: 'easeOutQuad'
	},
	offset: 0
})
.add({
	targets: '.favorite__sprinkle-circle',
	translateY: {
		value: [0, -28],
		duration: 500,
		delay: 1600,
		easing: 'easeOutQuad'
	},
	offset: 0
});