Texto de gelatina deformable
Efecto de texto de gelatina: una palabra de goma brillante que el cursor hunde como un dedo y que vuelve temblando. Título hero interactivo para marcas desenfadadas.
Prompt · cambia [TEXTO]
UniversalConvierte [TEXTO] en un objeto de goma blando y brillante, en minúsculas redondeadas y mullidas: letras rojo coral con una fina retícula crema impresa en la superficie, un brillo especular blanco y una sombra suave lila sobre un fondo lila pálido con una trama tenue de puntos. Las letras son una malla de muelles. En reposo, una yema invisible se desliza despacio sobre ellas y deja hundimientos leves que se recuperan temblando. Con el cursor encima, este hunde la palabra a fondo: alrededor, la superficie se abomba y se estira, las líneas de la retícula se curvan, la zona comprimida se oscurece y el borde capta la luz; los movimientos rápidos arrastran la gelatina. Al irse el cursor, todo recupera su forma con dos o tres temblores cada vez menores. Un clic da un golpe fuerte que ondula por todas las letras. En pantallas táctiles, el dedo hace lo mismo.Make [TEXT] a soft, glossy rubber object in puffy rounded lowercase: coral red letters with a thin cream grid printed on their surface, a white specular highlight and a soft lilac drop shadow on a pale lilac background with a faint dot grid. The letters are a spring lattice. At rest an invisible fingertip drifts slowly over them, leaving shallow dents that wobble out. On hover the pointer presses a deep dent into the word: the surface around it bulges and stretches, the grid lines bend, the compressed area darkens and the rim catches the light; moving fast drags the jelly along. When the pointer leaves, everything jiggles back with two or three decaying wobbles. A press gives a heavy poke that ripples through every letter. Same reaction under a finger on touch screens.
ADN visual
- Letras mullidas de goma coral brillante con una retícula crema impresa
- Malla de muelles: cede bajo el cursor, se abomba alrededor y tiembla al volver
- Las líneas de la retícula, los brillos y la sombra se deforman con la superficie
- Las zonas comprimidas se oscurecen y los bordes estirados captan la luz
- Un clic da un golpe fuerte que hace temblar toda la palabra
- Categoría
- Estilos reactivos
- Demo hecha con
- WebGL
- Energía
- Dinámico
- Fondo
- Claro
También conocido como
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