Background & Ambient

Background Beams

Também chamada Light beams, Beam collision, Animated Path Lines, Background Lines, Wave Path Lines

Linhas finas e luminosas percorrem trajetos e às vezes explodem ao atingir uma superfície.

Fundos de hero

  • SVG path beams
  • beams with collision
  • background lines
  • drawing paths
  • scroll-driven paths (Gemini effect)

Ver o código da demo

Prompt

Substitua [onde] pela parte da sua página e cole o prompt no seu agente de IA. Cada prompt traz o nome da animação, então da próxima vez basta pedir pelo nome.

Adicione um efeito "Background Beams" (também chamado light beams ou background lines) em [onde].
Trajetos curvos e suaves devem ficar no fundo enquanto rastros curtos e luminosos os percorrem um após o outro, em um ritmo calmo e constante.
Escalone os feixes para que nunca se movam em sincronia, mantenha-os atrás do conteúdo e pare-os se o usuário preferir movimento reduzido (prefers-reduced-motion).

Substitua [onde] pela parte da sua página e cole o prompt no seu agente de IA. Cada prompt traz o nome da animação, então da próxima vez basta pedir pelo nome.