Jan 11, 2021

CSS Animation Weekly #233

By CSSAnimation.rocks • Issue #233 • View online

This week we’re exploring the globe of Github, creating some cool infinite scroll loading, and getting our free zombie themed cheat sheet!

♥️ Donovan at CSSAnimation.rocks

Articles

How we built the GitHub globe

A walkthrough of how the amazing Github WebGL globe was built, and built with progressive enhancement to support older browsers

github.blog • Share

Infinite Scroll With Photo Gallery in Vanilla Javascript

Using a little JavaScript, CSS and HTML, you can build your own infinite scroll photo gallery

medium.com • Share

Featured

Free Zombie Themed CSS Animation Cheat Sheet

Getting braaains should be fun, so we fill our books, cheat sheets, and newsletters with silliness, zombies, and a whole lot of web development learning. Sign up for our list and get a CSS animation cheat sheet free.

undead.institute • Share

Inspiration

The Most Hearted of 2020 - CodePen

Check out some of the best work on CodePen last year!

codepen.io • Share

Thermometer

Lovely shading on this CSS and HTML thermometer

codepen.io • Share

Exp: Sun Bali CSS

This is pretty amazing for pure CSS - the rotating blur effect looks great (though CPU intensive)

codepen.io • Share

eyes following the cursor

A simple cute animation where the eyes follow your cursor

codepen.io • Share

Earth planet

Some interesting use of CSS variables on the stars in this rotating planet CSS animation

codepen.io • Share

Magnetic button animation

Interesting idea - having a button move toward the cursor when it’s close

codepen.io • Share

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

If you don't want these updates anymore, please unsubscribe here.

If you were forwarded this newsletter and you like it, you can subscribe here.