EXP·04 status: pronto

Magnetic Button

Atração magnética ao cursor · força ajustável · reset com spring

ajustar força magnética
0.35

Multiplica o deslocamento do cursor em relação ao centro do botão. Valores abaixo de 0.3 ficam sutis; acima de 0.5 começam a parecer instáveis.

variantes — passe o cursor sobre a área dashed
Primary
Outline
magnético vs padrão — diferença perceptível
Botão normal Ver projetos

Sem feedback de proximidade. O cursor chega e clica, sem dinâmica anterior.

Botão magnético

A área de ativação é maior que o botão. A atração cria um micro-convite para o clique.

Raio magnéticopadding 24px do wrapper
Força padrão0.35× offset do cursor
Reset300ms cubic-bezier(0.23,1,0.32,1)
Onde usarCTAs principais · hero · nav
ReferênciasStripe · Linear · Resend