Welcome to issue #100! I can't believe it's been nearly two years. Let's celebrate by checking out some awesome examples of CSS animation 🎉

♥️

Donovan at CSSAnimation.rocks

P.S. While you're here - I wanted to share a newsletter a friend of mine has started... It's called Remote Jobs Club and features hand-picked and manually verified remote jobs. Check it out!

Articles

Building a Fancy Countdown Timer with MomentumSlider.js — scotch.io

An interesting take on building a slider in this tutorial from Scotch.io.

Three.js & Video: A love story — www.awwwards.com

Sure this isn't CSS but it's amazing and worth sharing. An exploration of motion tracking using Three.js and WebGL!

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Workspace — codepen.io

This pure CSS artwork of a workspace animation is stunning - would make a great web page header

Rettungsgasse | Emergency gap — codepen.io

Not only a nice animation but helpful too! See how making a gap for emergency vehicles can save lives 🚑

Playful CSS figure & figcaption — codepen.io

Lovely subtle movements combine on this hover effect - the text appears really nicely

Button — codepen.io

This button... is indeed cool, Chris!

Tariff Cards — codepen.io

This 3D hover effect has to be seen to be believed - amazing work

Dots loader — codepen.io

A nice simple dots loader with a relaxing pulse-style animation

Real Time Moon — codepen.io

Is this the world's slowest CSS animation? Watch the moon rotate in REAL TIME (24 hours per rotation)

Animation in the real world

World Cup in Pattern — soccerpattern.com

Check out the animations on this site showcasing the greatest jerseys worn during soccer worldcups from 1930 to today, at the occasion of 2018 FIFA Worldcup in Russia.