Letras magnéticas
Efecto de texto magnético: cada letra va sujeta a un muelle y el cursor la atrae, la inclina y la levanta de la página. Título hero interactivo para una landing.
Prompt · cambia [TEXTO]
UniversalCompón [TEXTO] enorme y centrado en minúsculas geométricas anchas y muy gruesas, negro tinta sobre una página blanco roto cálido con una tenue trama de puntos. Cada letra es un pequeño imán sujeto a un muelle. En reposo, un punto de atracción invisible deriva despacio por la palabra y las cercanas se inclinan unos píxeles hacia él. Con el cursor encima, este se vuelve un imán potente rodeado de finos círculos discontinuos que giran: las letras a su alcance se acercan hasta una décima parte del ancho, se inclinan hacia él, crecen un poco, se tiñen de azul eléctrico y se levantan de la página con una sombra suave creciente. Al irse el cursor, cada letra vuelve con un rebote vivo y se asienta en menos de un segundo. Un clic invierte la polaridad: las letras salen despedidas y vuelven de golpe. En pantallas táctiles, la atracción sigue al dedo.Set [TEXT] huge and centered in a heavy, wide geometric lowercase, ink black on a warm off-white page with a faint dot grid. Each letter behaves like a small magnet on a spring. At rest an invisible attraction point drifts slowly across the word, so nearby letters lean toward it by a few pixels. On hover the pointer becomes a strong magnet ringed by thin rotating dashed circles: letters within its reach are pulled up to a tenth of the width toward it, tilt toward it, scale up slightly, tint electric blue and lift off the page with a growing soft shadow. When the pointer leaves, every letter springs home with a lively overshoot and settles in under a second. Pressing flips the polarity: letters are flung outward, then snap back. On touch screens the same pull follows the finger.
ADN visual
- Minúsculas geométricas anchas y muy gruesas en negro tinta sobre blanco roto
- Letras atraídas hacia el cursor con muelles, inclinándose hacia él
- Las letras alzadas crecen, se tiñen de azul eléctrico y proyectan sombra suave
- Anillos discontinuos de campo magnético orbitan el punto de atención
- Un clic invierte la polaridad: las letras salen despedidas y vuelven de golpe
- Categoría
- Estilos reactivos
- Demo hecha con
- CSS
- Energía
- Dinámico
- Fondo
- Claro
También conocido como
Apoyo
Mantén aimotions gratis
Invítame a un café Sin muros de pago ni registro. Si un prompt te ha ahorrado una hora, un café ayuda a que sigan llegando estilos nuevos.
Teclas: ← → navegar · C copiar
