CSS Animation Weekly #298

This week we explore the "has" CSS parent selector, learn how to show and hide elements, and create a cool multiple-layered scroll effect.

☕️ Donovan at CSSAnimation.rocks

Learn how :has() pseudo-class works and how it can help you create complex UI interactions (including some useful animation using CSS!)

A useful video tutorial on how to animate a modal while making use of display: none.

A very slick scroll-based text effect

Inspiration

Some cool examples of hamburger animations using CSS

A simple and useful example of how to create an infinite loading effect

A drop in the ocean of CSS-only CSS loading animations

Book your place in this charmingly-animated SVG library scene. Let's get spooky!