animated gradient text

A bold and stylish text effect where the gradient moves across the text, creating a vibrant, animated visual that's perfect for headings, hero sections, or standout callouts. This component brings your typography to life using pure HTML and CSS with no JavaScript required. The animation can be customised to loop, pulse, or move in any direction, and the gradient colours are fully adjustable to match your brand or theme. Best used on large, bold text for maximum impact, this animated gradient text integrates seamlessly into Systeme.io via a custom code block, giving your pages a polished, high-end look.