Pixelado al pasar el cursor
Efecto de texto pixelado: las letras se rompen en píxeles alrededor del cursor, más grandes, azules y rosas cuanto más cerca. Título hero interactivo para una landing.
Prompt · cambia [TEXTO]
UniversalCompón [TEXTO] en una grotesca geométrica negra y nítida sobre blanco roto con una tenue retícula de píxeles cuadrados. Alrededor de un punto de foco, las letras se disuelven en píxeles cuadrados que crecen con la cercanía, de bloques finos de 8 píxeles en el borde a bloques gruesos de 64 en el centro; los bloques más grandes se vuelven azul eléctrico y rosa intenso, derivan un poco y algunos caen, como si el texto se deshiciera. En reposo, el foco vaga despacio por la palabra con un radio pequeño. Con el cursor encima, el foco lo sigue con un radio más amplio y deja una estela de píxeles que se encogen y vuelven a encajar en letras nítidas en torno a un segundo. Un clic hace estallar los píxeles un instante. Muestra una pequeña mira cuadrada y un indicador del tamaño de bloque. En pantallas táctiles, sigue al dedo.Set [TEXT] in a crisp black geometric grotesque on an off-white background with a faint square pixel grid. Around a focus point the letters dissolve into square pixels whose size grows with proximity, from fine 8-pixel blocks at the edge to chunky 64-pixel blocks at the center; the biggest blocks turn electric blue and hot pink, drift a little and some drop out, as if the type were coming apart. At rest the focus point wanders slowly across the word with a small radius. On hover it follows the pointer with a wider radius and leaves a trail of pixels that shrink back and snap into sharp letters within about a second. A press bursts the pixels outward briefly. Show a small square reticle and a block-size readout. On touch screens it follows the finger.
ADN visual
- Palabra grotesca negra y nítida sobre una retícula de píxeles blanco roto
- Pixelado en cuadrantes anidados: bloques de 8, 16, 32 y 64 px según la cercanía
- Los bloques más grandes pasan del negro al azul eléctrico y al rosa intenso
- Cerca del cursor los bloques se mueven y caen, con una estela que se disuelve
- La estela vuelve a ser texto nítido en menos de un segundo
- Categoría
- Estilos reactivos
- Demo hecha con
- Canvas
- 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
