Custom CSS Animations with Splitting.js (with Stephen Shaw) — Learn With Jason
Make smooth, interactive CSS animations with CSS Variables! In this episode, Stephen Shaw ( / shshaw ) teaches us how to create custom text animations and Twitch overlays using CSS, HTML and Splitting.js.
demo: https://codepen.io/jlengstorf/full/d4...
repo: https://codepen.io/jlengstorf/pen/d4a...
Links:
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
Watch future episodes live at / jlengstorf
Credits:
Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...)
Source: http://incompetech.com/music/royalty-...
Artist: http://incompetech.com/
Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...)
Artist: http://audionautix.com/
Additional sound effects obtained from https://www.zapsplat.com