- CSS Animation Weekly
- Posts
- CSS Animation Weekly #303
CSS Animation Weekly #303
Loads of cool stuff this week! Awesome SVG animations, scroll animations, glitch effects and more!
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1793caf8-958a-4a51-bce6-f3d122e9fdf9/maxresdefault.jpg)
Learn 7 useful SVG animation techniques using SVG
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8d846214-35de-4862-b202-ed75ee9e516d/hqdefault.jpg)
Learn how to use the ScrollTimeline and Wen Animations API to activate animations on scroll
A CSS approach for a cool text effect
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a1004101-7c82-4767-a2e5-2fb4f902d191/animate-css-grid.png)
This JavaScript tool aims to bring painless transitions for CSS Grid
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6126313e-00ba-4cba-8e97-19f3f8128e16/365738.jpeg)
Animated shadow effects!
Inspiration
Grab and throw cards from this infinite stack
Great work on this no-JS interactive 3D Mario
You can support this newsletter
Support this newsletter! You can buy me a coffee and support this newsletter! It means so much, I really appreciate it.