all AI news
Making a text-shadow wave animation design tool in only 30 lines of pure HTML web component code + 1 extra file (no node or JS!)
DEV Community dev.to
In my previous tutorials, I showed how to use the single-file Modulo.js to make a gradient picker component in 13 lines, quickly embed APIs, or even how to build a full CMS-powered site with Modulo. Today, we'll go with a fun and flashy example: A animated "Word Art" tool for making a "shadow wave" animation effect in text.
The final result
Today, we'll learn how to create a text shadow "ripple" animation where each character gets its …
animation apis build cms code design embed extra file gradient html javascript making node programming shadow text tool tutorial tutorials web webdev