A huge week of animation! This week we're learning all the ways we can move past Flash, creating glitchy slideshows, SVG paths and line animations, and loads of inspiration.

♥️

Donovan at CSSAnimation.rocks

Articles

Moving From Flash To HTML, CSS, And JavaScript

With Flash long behind us, this article explores some of the many ways we can replace it with current web tech, including animations, fonts and more

Glitch Effect Slideshow — tympanus.net

A great example of applying SVG clip path to create a glitchy slideshow transition effect

Animating Elements Along SVG Paths: Introducing PathSlider — scotch.io

How to use PathSlider to create impressive animations along SVG paths

Simple line animation — medium.com

A simple example of how to create the SVG writing effect using CSS

Featured

Expert in CSS animation already? — courses.cssanimation.rocks

Maybe this course isn’t for you! But if you know someone who could benefit from learning more about CSS animation, and building an animated landing page, they might want to know it’s currently on sale for just $19!

Inspiration

Double photos slider — codepen.io

A lovely parallel photo animation makes this carousel stand out 📸

Face of Blob — codepen.io

Cute CSS animation on this character that follows your cursor around 🤖

Sleeping Cat CSS drawing/animation — codepen.io

Zzzzz sleeping cat 🐈

Black bear — codepen.io

Slick movement on this animated bear! 🐻