Doce obras en marcha este año.
HTML + CSSNavegación

Menú de grúa torre

Una grúa de obra lleva el carro hasta la sección que eliges, baja el gancho y la levanta del suelo, donde se queda balanceándose.

Ajustes

16px
1x

Código

<div class="uvq12-cr"><span class="ms" aria-hidden="true"></span><span class="jb" aria-hidden="true"></span><span class="cw" aria-hidden="true"></span><span class="tr" aria-hidden="true"><i class="cb"><svg viewBox="0 0 24 24"><path d="M12 2v9a4 4 0 1 1-4 4"/></svg></i></span><div class="gd" role="tablist" aria-label="Obra"><button type="button" role="tab" id="uvq12-cr-t0" aria-selected="true" aria-controls="uvq12-cr-p0" tabindex="0" class="up"><span class="bk">Proyectos</span></button><button type="button" role="tab" id="uvq12-cr-t1" aria-selected="false" aria-controls="uvq12-cr-p1" tabindex="-1"><span class="bk">Estudio</span></button><button type="button" role="tab" id="uvq12-cr-t2" aria-selected="false" aria-controls="uvq12-cr-p2" tabindex="-1"><span class="bk">Prensa</span></button><button type="button" role="tab" id="uvq12-cr-t3" aria-selected="false" aria-controls="uvq12-cr-p3" tabindex="-1"><span class="bk">Contacto</span></button></div><span class="gr" aria-hidden="true"></span><div class="pn" role="tabpanel" id="uvq12-cr-p0" aria-labelledby="uvq12-cr-t0">Doce obras en marcha este año.</div><div class="pn" role="tabpanel" id="uvq12-cr-p1" aria-labelledby="uvq12-cr-t1" hidden>Un equipo de arquitectos e ingenieros.</div><div class="pn" role="tabpanel" id="uvq12-cr-p2" aria-labelledby="uvq12-cr-t2" hidden>Premios y artículos recientes.</div><div class="pn" role="tabpanel" id="uvq12-cr-p3" aria-labelledby="uvq12-cr-t3" hidden>Visitas a obra con cita previa.</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.

Versión Markdown con todo el código, para asistentes de IA

Más en Navegación

Ver todos: Navegación

Dónde usarlo

Un menú para una obra: una grúa torre amarilla de celosía se alza sobre una fila de bloques de hormigón, y cada bloque es una sección. Al elegir uno, el carro recorre la pluma, el cable baja, el gancho engancha el bloque y lo levanta mientras el anterior vuelve al suelo, y el bloque alzado se balancea con suavidad. Encaja en constructoras, arquitectos, ingenierías y promotoras.

El color principal pinta la grúa y el secundario el hormigón. Cuatro bloques es lo que mejor cabe bajo la pluma; el control de velocidad cambia el ritmo de la grúa, y con movimiento reducido no hay viaje ni balanceo.