It's World Cup madness! To celebrate, we're... only featuring one soccer-related link 😅 Enjoy these summer-themed animation examples too.

♥️

Donovan at CSSAnimation.rocks

Articles

@keyframes: Soccer Text — www.twitch.tv

Check out the latest from the @keyframers as they live-code animations in this World Cup themed episode

Featured

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

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

Inspiration

Sleeping — codepen.io

Beautiful use of shadow and animation on this pure CSS artwork! 😴

Spinning shaded tetrahedron with CSS vars + clean Sass code 2018 — codepen.io

An awesome tetrahedron demo from Ana Tudor, along with a step by step tutorial video

CSS tetrahedron with animation — codepen.io

Another CSS Tetrahedron. Play with size $s to see it change

CSS Fan

Press the button to toggle this fan on and off!

3D Ice Cream loving smiley — codepen.io

Tempt this smiley with an ice-cream cone 🍦

Party Emoji — codepen.io

I love how colour filters are used to create these party emoji! 😄 ♥️ 💩

CSS Bear Toggle

A very cute little animation on this bear's nose toggle

Team members reveal on scroll — codepen.io

Scroll to see this parallax effect

Animated notifications — codepen.io

A nice bit of character in this tooltip animation