CSS Animation Weekly #56 - Animation design, Scroll inspiration, Morphing page transitions

This week we're taking inspiration in scrolling, and learning how to manipulate SVG paths for smoothe
CSS Animation Weekly #56 - Animation design, Scroll inspiration, Morphing page transitions
By CSS Animation Weekly • Issue #56
This week we’re taking inspiration in scrolling, and learning how to manipulate SVG paths for smoother page transitions.
♥️
Donovan at CSSAnimation.rocks 

Articles
Keep your animations consistent by taking the time to plan and build out a cohesive animation system.
Scroll Transition Animation Inspiration
Scroll transitions! Be inspired by this collection of animations triggered on scroll.
Morphing Page Transition
Another great tutorial from Codrops - this time SVG page transitions using morphing paths and anime.js. 
Inspiration
Emoji Train 🚂 🚃 🚃 🚃 🚃
Fiendishly clever demo that uses emojis to create an animated 3D train track!
The Dark - CSS animated background
Gorgeous use of image masking and CSS animated particles to bring atmosphere to this image
Parallax.js Design
A great, subtle example of mouse-movement parallax movement
BlackHole Particle Eater
I love the blur effects on this particle demo
Glitch effect strobocops
80’s video style effect created with CSS 🤖
A neat collection of CSS-only loading effects to try out 🎉
deep structure
I don’t know how this is so smooth. Lovely example of a never-ending full-screen 3D fly by demo.
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.
Carefully curated by CSS Animation Weekly with Revue. If you were forwarded this newsletter and you like it, you can subscribe here. If you don't want these updates anymore, please unsubscribe here.