Custom CSS Animations with Splitting.js

Topics:
CSS
Animation

Make smooth, interactive CSS animations with CSS Variables! In this episode, Stephen Shaw (https://twitter.com/shshaw) teaches us how to create custom text animations and Twitch overlays using CSS, HTML and Splitting.js.

Demo
Repo

Links & Resources

https://jakearchibald.github.io/svgomg/
https://cubic-bezier.com/
https://splitting.js.org/
https://caniuse.com/#feat=css-variables
https://keyframe.rs/
https://codepen.io/team/keyframers

Full Transcript

Click to toggle the visibility of the transcript

Closed captioning and more are made possible by our sponsors: