nstance, percentage, props) => console.log('fadeBox is animating'),
			outside: (instance, percentage, props) => console.log('fadeBox is not animating'),
			props: {
				'--o': {
					from: .01,
					to: .99
				}
			}
		})

		const referenceBox = basicScroll.create({
			elem: document.querySelector('.referenceBox'),
			from: 'bottom-bottom',
			to: 'top-top',
			direct: document.querySelector('.directBox'),
			props: {
				'--o': {
					from: .01,
					to: .99
				}
			}
		})

		rotateBox.start()
		fadeBox