CSS Animation Weekly #286

Happy Monday! This week we're exploring CSS blend modes, and playing with fun shading effects!

❤️ Donovan at CSSAnimation.rocks

Scroll to experience this background color shift transition using CSS Blend Modes and a multi-layer animation.

This looks fun! A Micro CSS utility and SASS mixin for easily adding inflated fluffy 3d claymorphism styles to any HTML element.


This 3D donut, made with 100 divs and styled with CSS includes rotation, shading and more

A gorgeous example of what can be achieved in pure HTML and CSS

An awesome example of pure HTML and CSS keyframe animation

Don't stress, stretch!

What's going on

Not actually animation but kind of looks like it! Move the rectangle around (slowly) to create a moiré effect