Webs para
Tambor de palabras giratorio
Una frase que acaba en un rodillo de metal: con scroll o flechas, las palabras giran como en un candado de combinación.
Ajustes
Código
<div class="uvq14-drm"><p class="lb" id="uvq14-drm-l">Webs para</p><div class="dr"><div class="sc" tabindex="0" role="listbox" aria-labelledby="uvq14-drm-l"><div role="option" id="uvq14-drm-0" aria-selected="false">restaurantes</div><div role="option" id="uvq14-drm-1" aria-selected="true">estudios</div><div role="option" id="uvq14-drm-2" aria-selected="false">tiendas</div><div role="option" id="uvq14-drm-3" aria-selected="false">clínicas</div><div role="option" id="uvq14-drm-4" aria-selected="false">bandas</div><div role="option" id="uvq14-drm-5" aria-selected="false">bodas</div></div><i class="wn" aria-hidden="true"></i></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Este titular termina en un tambor de metal cepillado, como las ruedas de un candado de combinación. Las palabras van en un contenedor con scroll snap y unas pocas líneas de JavaScript inclinan cada una en 3D según su distancia a la ventana central. Es una forma táctil de mostrar para quién es un producto en portadas, agencias o herramientas de reserva.
Cambia el comienzo de la frase en el campo de texto y las palabras en la lista. El color principal enmarca la ventana y la palabra elegida, y el secundario colorea el resto. Funciona como una lista de opciones: las flechas, Inicio y Fin lo mueven y la elección se anuncia.