- CSS Animation Weekly
- Posts
- CSS Animation Weekly #298
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
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c9dcfe30-c055-4fdb-9716-a4591d56526a/maxresdefault.jpg)
Learn how :has() pseudo-class works and how it can help you create complex UI interactions (including some useful animation using CSS!)
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3dd844fd-989c-4138-8dcb-b364c8d15c9a/maxresdefault.jpg)
A useful video tutorial on how to animate a modal while making use of display: none.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fc5249bd-8569-4bc0-abb8-824838c9f3b2/TextRep_feat.jpg)
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!