This week we play with the Web Animations API, design beautiful shadows, and explore many universes 💫

♥️ Donovan at CSSAnimation.rocks

Articles

Orchestrating Complexity With Web Animations API — www.smashingmagazine.com

Sometimes you want more than what simple CSS can offer - this guide shows how to use the Web Animations API for orchestrating more complex animations

I built the entire universe (and beyond) in JavaScript — www.jesuisundev.com

This 3D WebGL game aims to simulate multiple universes of stars. It includes a walkthrough of how the code is generated

Designing Beautiful Shadows in CSS — www.joshwcomeau.com

A great guide to designing (including some animation) better shadows on web page elements

Inspiration

Focusss v2

A nifty little way of highlighting the current input field

⭐️ Button

Absolutely stunning little star animation, on hover and click

Pure CSS 🌈 logarithmic spiral: out of the dark... into the light

Lovely use of CSS shapes on this looped animation

Vertical menu with gooey effect on hover

A lot of character in this gooey hover menu

Bat-Signal

Click to send the bat signal!