<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>
<p class="lax" data-lax-preset="spin fadeInOut">Look at me goooooo!</p>

window.onload = function() {
	lax.setup() // init

	const updateLax = () => {
		lax.update(window.scrollY)
		window.requestAnimationFrame(updateLax)
	}

	window.requestAnimationFrame(updateLax)
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/lax.js