Hacemos webs rápidas, bonitas, accesibles y tuyas
Palabra que gira en un cubo 3D
La última palabra del titular está en las caras de un cubo que gira y enseña una distinta cada vez.
Ajustes
Código
<h3 class="uv-twq"><span class="a">Hacemos webs</span> <span class="cb" aria-hidden="true"><i>rápidas</i><i>bonitas</i><i>accesibles</i><i>tuyas</i><span class="in"><b style="--i:0">rápidas</b><b style="--i:1">bonitas</b><b style="--i:2">accesibles</b><b style="--i:3">tuyas</b></span></span><span class="sr">rápidas, bonitas, accesibles y tuyas</span></h3>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
Un titular cuya última palabra cambia al girar un pequeño cubo 3D. Cada cara lleva una palabra sobre un degradado de color y el cubo se detiene en cada una antes de voltear a la siguiente con un movimiento ágil, así la frase se completa de cuatro formas distintas sin saltos en el diseño.
El ancho del cubo se adapta a la palabra más larga con una rejilla oculta, de modo que las traducciones nunca se salen. Los lectores de pantalla oyen la lista completa una vez, la animación es CSS puro y el movimiento reducido la para. Edita las palabras, los colores y la velocidad.