This week we're all about the inspiration! Get your creative ideas flowing for the holiday season with this hand-curated selection of the finest CSS and web animations.

♥️

Donovan at CSSAnimation.rocks

Articles

Awesome Animation Inspiration 2016 - Design & Development Tomorrow — ddtomorrow.com

Loads of fun and quirky examples of animation to get you inspired.

Featured

#animationchat Nov 29th, 2016 with Val Head

This week we talked about web animation with Val Head for an hour omg Twitter. See the highlights on this Storify thread.

Inspiration

Fox CSS Only — codepen.io

A very cute fox created using only HTML and CSS

Sunset/Sunrise Animation with CSS Variables — codepen.io

Based on a Dribbble, this demo uses checked inputs to set the scene as sunset or sunrise.

Bat Pixel Art Animation on one Div — codepen.io

Crazy cool example of CSS box-shadow - play with the code to see how it works.

Canvas Bokeh Generation — codepen.io

Gorgeous visual effect in this bokeh generator. Would make a great hero background.

Perpetual Pencil — codepen.io

A pencil that draws itself! Slick animation.

Fresnel Lens simulation — codepen.io

Move the lens to see a nifty visual effect.

Flip It — codepen.io

I love it when HTML elements are used to create subtle visual effects.

Simple animated CSS loading icons — codepen.io

Some CSS animated loaders for inspiration.

Animation in the real world

Art of the Title — www.artofthetitle.com

In-depth analysis of movie opening credits - this site is surprisingly educational and inspirational if you're looking for animation ideas.