Subscribe to our newsletter By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that CSS Animation Weekly will receive your email address. Jan 31, 2022 CSS Animation Weekly #286 Happy Monday! This week we're exploring CSS blend modes, and playing with fun shading effects! ❤️ Don CSS Animation Weekly #286 By CSSAnimation.rocks • Issue #286 • View online Happy Monday! This week we’re exploring CSS blend modes, and playing with fun shading effects!❤️ Donovan at CSSAnimation.rocks Background Shift Animation with CSS Blend Modes Scroll to experience this background color shift transition using CSS Blend Modes and a multi-layer animation. tympanus.net • Share clay.css This looks fun! A Micro CSS utility and SASS mixin for easily adding inflated fluffy 3d claymorphism styles to any HTML element. codeadrian.github.io • Share Inspiration CSS 3D Donut 🍩 This 3D donut, made with 100 divs and styled with CSS includes rotation, shading and more codepen.io • Share The Lonely Claw (#CSS) A gorgeous example of what can be achieved in pure HTML and CSS codepen.io • Share csStickman An awesome example of pure HTML and CSS keyframe animation codepen.io • Share CSS Stretchy Heading Don’t stress, stretch! codepen.io • Share wordle 300 animation What’s going on codepen.io • Share Based on Moirémotion by TAKAHIRO KURASHIMA-san Not actually animation but kind of looks like it! Move the rectangle around (slowly) to create a moiré effect codepen.io • Share Did you enjoy this issue? By CSSAnimation.rocks CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue. Tweet Share In order to unsubscribe, click here. If you were forwarded this newsletter and you like it, you can subscribe here. Powered by Revue Share Share to Twitter Share to Facebook Subscribe to our newsletter By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that CSS Animation Weekly will receive your email address.
Tweet
Share