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

Intro to CSS Parent Selector — :has() — www.youtube.com

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

Animate from display none — www.youtube.com

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

On-Scroll Text Repetition Animation — tympanus.net

A very slick scroll-based text effect

Inspiration

Hamburgers

Some cool examples of hamburger animations using CSS

Timing is everything – Speedy CSS Tip #1

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

Pure CSS loader #13

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

Haunted Library

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