View profile

CSS Animation Weekly #109 - 🎂 Clip path and loads of inspiration

Happy birthday to me today! To celebrate, we have a load of great pure-CSS animated web demos. Enjoy!
CSS Animation Weekly #109 - 🎂 Clip path and loads of inspiration
By CSS Animation Weekly • Issue #109 • View online
Happy birthday to me today! To celebrate, we have a load of great pure-CSS animated web demos. Enjoy!
♥️
Donovan at CSSAnimation.rocks

Articles
I love how clip path is used here to create amazing image transitions!
css-tricks.com  •  Share
Featured
Level Up your CSS animation skills | CSS Animation
Level Up your CSS animation skills | CSS Animation
Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials. Get the course at the pre-launch price before the price goes up 🎉
courses.cssanimation.rocks  •  Share
Inspiration
Draught beer
Draught beer
Today being my birthday, here’s a CSS-only infinite pint pouring device 🍻
codepen.io  •  Share
SVG animation with sliders
SVG animation with sliders
Beautiful SVG animation which can be controlled by sliders. Gorgeous work!
codepen.io  •  Share
Pure CSS The Carlton dance
Pure CSS The Carlton dance
The Carlton dance created using the CSS steps() keyframe animation timing function
codepen.io  •  Share
text animation with splitting
text animation with splitting
This uses splitting.js to create a lovely hover effect
codepen.io  •  Share
Parallax background
Parallax background
Hover your mouse around this to see a nice parallax-style movement
codepen.io  •  Share
Three variations on one hover effect
Three variations on one hover effect
Hover each button to see the borders animate nicely
codepen.io  •  Share
Vue.js London!
Vue.js London!
Some beautiful choreography on this animation created for Vue.js London
codepen.io  •  Share
CSS Double Helix #07
CSS Double Helix #07
Super-smooth and simple animation
codepen.io  •  Share
Animation in the real world
5e Rue - Cabinet de conseil en stratégie digitale
5e Rue - Cabinet de conseil en stratégie digitale
Beautiful french agency 5e Rue has produced an amazing website full of scroll and hover effects. Explore and be inspired!
www.5erue.com  •  Share
Did you enjoy this issue?
CSS Animation Weekly

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

If you don't want these updates anymore, please unsubscribe here
If you were forwarded this newsletter and you like it, you can subscribe here
Powered by Revue