- CSS Animation Weekly
- Posts
- CSS Animation Weekly #125
CSS Animation Weekly #125
As we get toward the end of the year, we have an extra animation-packed issue for you this week!
♥️
Donovan at CSSAnimation.rocks
Articles
An excellent walkthrough of creating a fingerprint-style login form with SVG animations and more

Love them or hate them, we all have to work with a slider sometimes. Some great ideas here on how to build a slick animated slider
A handy tool if you're looking for a way to animate along complex paths! Check out the demos
Featured

With over 3,000 stars on Github this free book is flying off the (virtual) shelves. Download it as PDF, ePub or read online totally free.
As a nerdy bonus, you can even download and build the book yourself (all source files included) or use the tools as a basis for creating your own book.
Inspiration

Oh it's beginning to look a lot like presents rotating around a 3D tree using CSS!
A delightfully awkward Rudolf animated using CSS 🦌

A subtle effect yet crazy effective. See the layered letters pulsate in a freakishly live way

One of many great "water" themed challenges - CSS only water surface! Mad stuff

Gorgeous work on this floating 3D island with animated clouds and waterfall
Click anywhere to create a zen water drop animation 💧
Animated progress bars 👌
Loads of character (may be a bit too real if you're a new parent) in this cute crying baby animation

A nice spin on the gradient-button-hover effect, using bubbles

Sphere made of flat circles. A simple way to make something that looks almost like a sphere with very few elements!
Beautiful lighting flare effects in this 3D animation of a drone circling