Also called Light beams, Beam collision, Animated Path Lines, Background Lines, Wave Path Lines
Thin glowing lines travel along paths, sometimes exploding when they hit a surface.
Hero backgrounds
Replace [where] with the part of your page and paste the prompt into your AI agent. Each prompt includes the name of the motion, so next time you can simply ask for it by name.
Add a "Background Beams" effect (also called light beams or background lines) to [where].
Faint curved paths should sit in the background while short glowing streaks travel along them one after another, at a calm, steady pace.
Stagger the beams so they never move in lockstep, keep them behind the content, and stop them for users who prefer reduced motion.