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!
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.
Stylemug - atomic CSS in JS w. zero runtime
Stylemug is a fast css-in-js library that extracts atomic CSS rules to a .css file. It generates atomic CSS from the static stylesheets defined in JS. The compiled rules are extracted to a .css file.The stylesheet code in the Javascript bundle is replaced (no CSS in JS) with a hash map for classnames lookup at runtime.
Live Theming with CSS Variables
CSS variables, now enjoying fairly good browser support, are opening up exciting possibilities for more dynamic styling. Having true CSS variables means that we can get and set their values in JavaScript, allowing us to build cool features like live theming. Post written by Jonathan Harrell.