Welcome to the first CSS Animation newsletter of 2021! This week we're creating randomness using CSS, exploring accessibility in animation, and going back to basics with a good introduction to keyframes.

♥️ Donovan at CSSAnimation.rocks

Articles

Creating randomness with pure CSS — uxdesign.cc

Can you create randomness using CSS only? Check out this approach using animated cards

Accessible Web Animation: The WCAG on Animation Explained — css-tricks.com

Animation is great but we also need to ensure our work is accessible. Val Head shares some essential strategies on how we can work with the WCAG specification to ensure everyone can enjoy our work

Creating A Simple Custom Animation With CSS For Beginners — tyler-j-funk.medium.com

Some great examples in this beginner's guide to learning keyframes in CSS animation

Inspiration

Ask Emoji

The subtle animations on these emoji give the interaction a lovely feeling of character

Delete 2020, insert 2021

Some neat blurring on this transition. You can see it being coded here!

Musical Christmas Lights

Lovely glowing effects on this winter scene

CodePen Home Parallax Golden Hour Animation on Scroll

With so much going on this animation is a little heavy but still a cool demo of scroll-triggered animation

Custom Radio Buttons

A simple demonstration of custom radio button styling with a little animation