CSS Animation Weekly #350

3D effects, spinning math demos, DOOM and more...

I’m going to need about tree fiddy. Also, be sure to sign up for a free trial of ClickUp!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

How we built the Storybook Day 3D animation

Celebrate Storybook reaching 7.0 with this excellent walkthrough on how this 3D animated landing page was built.

Spinning Diagrams with CSS

Using CSS to make spinning 3D diagrams, based on 3D cubes and keyframe animations.

Image Tiles Menu Animation

An animation featuring image tiles that transform into a full image when a menu item is clicked.

And now a word from…

ClickUp™ | One app to replace them all

One tool does it all—ClickUp offers all the features you need in one platform: Tasks, Docs, Whiteboards, Dashboards, Goals… and more! Switch today to explore our 100% customizable features!

Get ClickUp for free—no credit card needed!

Inspiration

How DOOM fire was done

A great demo and explanation of how the fire effect in DOOM was created.

CSS Table Tennis

No clue how to play this but I think I won

Ipanema Pattern

A hypnotic effect.

That’s all for this week! Remember to try out ClickUp, and see you next time!

Donovan at CSSAnimation.rocks