# CSS-only scroll animations

## This is pretty cool, eh?

As you scroll, you can see the hero headline move down and fade out. The background image scales up and its overlay gets more opaque.

And to make sure you notice something, I added the silly little spinny circle squircling its way into a square, with a neat ease-in-out timing function.

Scroll up and down and have fun!

### Some more content to allow scrolling

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe quam facilis ea doloribus sit quae id quod! Commodi aspernatur numquam sed harum at itaque, perferendis reprehenderit, expedita dolorem aliquam porro.