This week we're learning how to make amazing CSS-based slideshows, exploring the Firefox shape path editor and learning some amazing CSS drawing skills.

♥️

Donovan at CSSAnimation.rocks

Articles

HTML slides without frameworks, just CSS — www.chenhuijing.com

A lovely approach to creating an animated set of slides using just CSS

Firefox shape path editor (8 videos) — blog.bitsrc.io

Some cool animated examples in this summary of Firefox shape path editor

Pure CSS Drawing Essentials

Not just for animation but these tips are great to know for any kind of CSS art!

Inspiration

Polly Gone. — codepen.io

My favourite in the #polygon challenge - Polly want a cracker? No. Polly's dead

Hey cats — codepen.io

Cutest hexagon cats I've ever seen!

p01-live experiment WIP — codepen.io

These beautiful swirling patterns are just gorgeous

blobby hill — codepen.io

My head's spinning after playing with this fun mouse-following Bobby Hill

Burger vs Chopsticks — codepen.io

Burger vs chopsticks! Fight!

jQuery random night sky with moving stars — codepen.io

Less stars and more like UFOs I think in this cool little jQuery random dot experiment

Interactive SVG with popups and micro-animations — codepen.io

Loads of little animations bring this city scene to life

King — codepen.io

Amazing re-creation of the Portal 2 outro! 🎂