Focus Cards

Um fundo de destaque desliza entre os cards de uma grade para acompanhar o card sob o mouse.

Adicione um "Card Hover Effect" (também chamado sliding highlight card grid) em [onde].
Um fundo de destaque suave deve aparecer atrás do card sob o ponteiro e deslizar com fluidez até o próximo card para onde o ponteiro for, sumindo quando o ponteiro sair da grade.
Faça o foco do teclado mover o destaque do mesmo jeito e evite que os próprios cards se desloquem.

A intensidade do desfoque aumenta aos poucos em direção a uma borda, para o conteúdo sumir suavemente.

Adicione uma borda "Progressive Blur" (também chamada gradient blur edge) em [onde].
O conteúdo que rola em direção à borda deve ficar cada vez mais desfocado e suave, aumentando aos poucos em vez de ser cortado por uma linha dura.
Mostre o desfoque só na borda que ainda tem mais conteúdo além dela e não deixe a área desfocada bloquear cliques nem a rolagem.

Um halo de luz colorida aparece ao redor do elemento ao passar o mouse.

Adicione um efeito de hover "Glow" (também chamado neon glow) em [onde].
Um halo colorido suave deve surgir ao redor do elemento enquanto o ponteiro estiver sobre ele e sumir quando sair: delicado, sem movimento.
Não deixe o halo afetar o layout e mostre o mesmo efeito no foco do teclado.

O elemento aumenta um pouco, de forma suave, quando o ponteiro está sobre ele.

Adicione um efeito de hover "Grow" (também chamado scale up) em [onde].
O elemento deve aumentar um pouco, de forma suave, enquanto o ponteiro estiver sobre ele, e voltar ao tamanho quando sair: rápido e sutil.
Evite que o layout ao redor se desloque e mostre o mesmo efeito no foco do teclado.

Ao passar o mouse, o fundo preenchido se esvazia e deixa só o botão com contorno.

Adicione um efeito de hover "Hollow" (também chamado ghost fill) em [onde].
O fundo preenchido deve sumir aos poucos, deixando só o contorno, e a cor do texto deve mudar para continuar legível sobre o fundo vazio: suave e rápido.
Mantenha a borda com a mesma espessura nos dois estados para o elemento não mudar de tamanho, e mostre o mesmo efeito no foco do teclado.