Também chamada Glitter, Twinkle particles, Sparkles Text, Text Sparkle Particle Highlight
Pequenos pontos brilhantes piscam e somem ao redor de um texto ou seção.
Onde usar
Títulos, detalhes premium
Adicione um efeito "Sparkles" (também chamado glitter ou twinkle particles) em [onde].
Pequenos brilhos em forma de estrela devem surgir, cintilar e sumir ao redor do texto em pontos espalhados e momentos aleatórios: leve e rápido.
Mantenha os brilhos decorativos e ocultos para leitores de tela, nunca cubra o próprio texto e pare-os se o usuário preferir movimento reduzido (prefers-reduced-motion).
Também chamada Floating particles, Particle field
Muitos pontos pequenos flutuam, se conectam ou reagem ao ponteiro pelo fundo.
Onde usar
Fundos de hero e de seção
Adicione um fundo de partículas ("Particles", também chamado floating particles ou particle field) em [onde].
Pontos pequenos de tamanhos diferentes devem flutuar e vagar devagar por trajetos suaves e errantes, cada um no seu ritmo: calmo e leve.
Use uma quantidade moderada de pontos para continuar leve em aparelhos mais lentos, pause quando estiver fora da tela e pare se o usuário preferir movimento reduzido (prefers-reduced-motion).Também chamada Meteor shower, Shooting Stars
Riscos diagonais com caudas brilhantes caem por um card ou seção.
Onde usar
Detalhes em cards e hero
Adicione um efeito "Meteors" (também chamado meteor shower ou shooting stars) em [onde].
Alguns riscos pequenos com caudas que somem devem cruzar a área na diagonal em momentos aleatórios, cada um rápido e logo some.
Use poucos para que continue sendo um detalhe, corte-os nas bordas da área e pare-os se o usuário preferir movimento reduzido (prefers-reduced-motion).
Também chamada Film grain, Noise background
Uma textura fina e salpicada cobre a página e às vezes tremula como granulação de filme.
Onde usar
Dar profundidade tátil a degradês
Adicione uma camada "Noise / Grain Texture" (também chamada film grain ou noise background) em [onde].
Uma textura salpicada, fina e fraca deve ficar sobre a superfície e tremular em pequenos saltos como granulação de filme: sutil, nunca forte a ponto de sujar o conteúdo.
Deixe os cliques passarem pela camada, gere a textura uma única vez em vez de a cada quadro e mantenha-a parada se o usuário preferir movimento reduzido (prefers-reduced-motion).