- CSS Animation Weekly
- Posts
- CSS Animation Weekly #313
CSS Animation Weekly #313
This week we dive into React Three Fiber shaders, CSS border animations, a simple but impressive glowing effect, and lots more!
❤️ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2ec9671f-3e34-4302-8c11-74ed352d63f2/d290632a0ef7bebeeaf86a84ff245c57.png)
A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with them through 8 unique 3D scenes
In this article we will use CSS to create a variety of wonderful border effects. Tagged with css, javascript, html, web.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e5e8e405-ddc5-4bfe-b2fe-5f2bc8f96284/maxresdefault.jpg)
A simple yet inspiring little 2-minute tutorial video on making a glowing loading bar using CSS
Learn how you can use the individual translate, rotate, and scale CSS properties to approach transforms in an intuitive way
And now a word from...
Me! Donovan here. I've been running this newsletter for 5+ years, never missed a week, and I love searching out interesting animation articles and inspiration. But I need your help!
I'm a software engineer, not much of a marketer, so I need help finding more people who might like this newsletter. Do you know someone who would enjoy it? Perhaps a team at work, or your LinkedIn contacts?
If so, let people know, or even forward this newsletter. It's massively appreciated. Many thanks, Donovan 🎉
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d389e3d1-d58c-4413-9ecb-8feb52bdd731/GRQYYpw-800.jpg)
Coffee Mug in CSS created using CSS animation
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/45d9d166-b813-435f-a2e8-588bb6453d43/wvmjqxj-800.jpg)
What better to go with coffee but CSS cake! Check out the flavour options
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/02fa8e64-175d-48e4-8199-420d0fc5b9db/PoRbQJM-800.jpg)
This takes the pure CSS art concept to a new level. Amazing animation
Thanks for being a supporter of my little newsletter. Please do share it with your friends!
See you next week.