Animated Grid Pattern

Uma grade de pontos pulsa ou brilha em ondas.

Adicione um fundo "Dot Pattern Glow" (também chamado dotted glow background ou dot grid) em [onde].
Uma grade fina de pontos deve ficar parada enquanto uma faixa suave de brilho passa devagar por ela, acendendo os pontos por onde passa: calmo e sutil.
Mantenha os pontos claros o bastante para o conteúdo por cima continuar legível e pare o brilho se o usuário preferir movimento reduzido (prefers-reduced-motion).

Uma grade inclinada de blocos se acende em cores quando o ponteiro passa por cima.

Adicione um efeito "Background Boxes" (também chamado tile hover background) em [onde].
Preencha a área com uma grade inclinada de blocos; cada bloco por onde o ponteiro passar deve acender na hora e depois apagar devagar, deixando um rastro curto.
Mantenha os blocos atrás do conteúdo para que não bloqueiem os cliques nele e, em telas de toque, acenda o bloco tocado.

Uma grade em perspectiva inclinada avança em direção a quem vê, como um piso synthwave.

Adicione um fundo "Retro Grid" (também chamado perspective grid ou synthwave grid) em [onde].
Um piso de grade inclinado em perspectiva deve avançar de forma constante em direção a quem vê e sumir no horizonte: fluido e sem fim.
Faça o loop contínuo para que as linhas nunca pulem e pare o movimento se o usuário preferir movimento reduzido (prefers-reduced-motion).

Faixas de cor suaves e desfocadas flutuam como uma aurora atrás do conteúdo.

Adicione um "Aurora Background" (também chamado northern lights gradient) em [onde].
Faixas de cor suaves e desfocadas devem flutuar e balançar devagar atrás do conteúdo, sobrepondo-se e misturando-se como uma aurora boreal: bem lento e sonhador.
Mantenha o texto por cima legível, evite refazer o desfoque das faixas a cada quadro para manter a fluidez, e pare o movimento se o usuário preferir movimento reduzido (prefers-reduced-motion).

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

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).