HTML + CSSBotones

Disparador de cámara

Seis láminas de diafragma se cierran sobre una lente azulada al pulsar y el contador de fotos baja uno.

Ajustes

16px
1x

Código

<button class="uvq01-sht" type="button"><span class="ln" aria-hidden="true"><span class="gl"></span><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i></span><span class="t">Hacer foto</span><span class="ct" aria-hidden="true"><b>36</b></span></button>

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 Botones

Ver todos: Botones

Dónde usarlo

Hecho como la tapa superior de una cámara de carrete, este botón lleva una lente con un fino anillo rojo, seis láminas de diafragma en CSS y un pequeño contador LCD. Al pasar el ratón el iris se cierra un poco, al pulsar se cierra del todo con un destello y cada disparo resta una foto al carrete. Ideal para apps de fotografía, reservas de sesiones o botones de subida.

El color principal tiñe el anillo de la lente y el secundario el tratamiento del cristal, así que un rojo tipo Leica o el acento de otra marca está a un cambio de distancia. Usa una etiqueta corta con verbo, como Hacer foto o Escanear.