Inspiration - October 2020

October had some amazing character animations and very fancy CSS only work. Let's jump in...

Coin Flip Donate Button

by Cooper Goeke

This smooth animation was surprisingly created with CSS without 3D elements or transforms.

https://codepen.io/coopergoeke/full/abZqEbK

Glenn Catteeuw - Visual Designer

by Rogier De Boeve and Glenn Catteeuw

https://glenncatteeuw.com/

The Caretaker - A pure CSS Horror / Puzzle game

by Jamie Coulter

https://codepen.io/jcoulterdesign/pen/WNxjVbW

Goodboy Island

by Goodboy Digital

https://island.goodboydigital.com/

Squadeasy

by Lei Xing, Célia Lopez, Soufiane Lasri and croasan

https://www.squadeasy.com/

MONOSPACE

by Mathieu 'p01' Henri

This entire demo is only 1021 bytes! Very impressive and the winner of the 1024 bytes competition at Assembly 2020.

Read about how it was made here p01.org/MONOSPACE/.

http://www.p01.org/MONOSPACE/monospace-compatible.htm

Single div CSS train

https://codepen.io/lynnandtonic/pen/GRqJdKG

CSSometric

by Ryan Mulligan

This slick staggered CSS animation produces satisfyingly fluid movement.

https://codepen.io/hexagoncircle/pen/gOMrbOR

Lines

https://www.openprocessing.org/sketch/918484

Only CSS Loader - Wizard

by Guilmain Dorian

https://codepen.io/Craaftx/pen/ExyYRMK

Arrow Truchet

This endlessly unique pattern is created using shaders, allowing us to smoothly zoom in and out.

https://codepen.io/shubniggurath/details/OJXLeBe

The Fabric of America

by CANVAS United and Xfinity

A beautifully excuted experience with quality touches throughout.

https://fabricofthenation.com/

SVG

by Cassie Evans

A delightful text animation using lines and particles to accentuate the playful movement.

https://codepen.io/cassie-codes/pen/eYzOBGq

Rainbow Hypercube

by Louis Hoebregts

https://codepen.io/Mamboleoo/pen/MWyNZYr

with Code

https://withcode.cmiscm.com/