Shannon Thomann wanted to share what she has learned and the process that goes into it, allowing all designers to feel a bit more freedom in bringing their creations to life!
You may also be interested in ...
Animxyz
AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe. Save time and have complete control over how your elements move. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
77 CSS Animation Examples
Collection of free HTML and CSS animation code examples. Update of June 2020 collection.
Email know how to run
Here is a fun little email signup form using splitting.js design by Adam Kuhn. The email characters you type in literally grows legs and runs into the signup button!
Standalone parallax scrolling with CSS variables
basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.