JAVASCRIPT

animate javascript

element..animate([
			// keyframes
			{
				top: '-80%'
			},
			{
				top: '0'
			}
		], {
			duration: 700,
			fill: 'both',
			easing: 'ease-in-out'
			// iterations: Infinity
			
		});

animation js

• pause() - Tạm thời đóng băng trạng thái hiện tại của animation
• play() - Tiếp tục thực hiện animation hoặc chạy lại animation trong trường hợp animation đã hoàn thành
• reverse() - thực hiện animation với chiều ngược lại
• finish() - Đi đến cuối của animation (đi đến đầu trong trường hợp sử dụng reverse)
• cancel() - Dừng animation và trở lại trạng thái đầu tiên trước khi thực hiện animation

animate js

const cdThumbAnimate = cdThumb.animate([
      { transform: 'rotate(360deg)' }
    ],{
      duration: 10000, // 10 seconds
      interation: Infinity
    })