Tira de modos de cámara
La tira de modos de la cámara del móvil: el elegido se centra en amarillo y el visor cambia con él.
Ajustes
Código
<fieldset class="uvq04-cam"><legend>Modo de cámara</legend><div class="ph"><div class="vf" aria-hidden="true"><i class="bk"></i><i class="gr"></i><i class="fc"></i><i class="pa"></i><b class="bd"></b></div><div class="md"><div class="tr"><label><input type="radio" name="uvq04-cam"><span>Cámara lenta</span></label><label><input type="radio" name="uvq04-cam"><span>Vídeo</span></label><label><input type="radio" name="uvq04-cam" checked><span>Foto</span></label><label><input type="radio" name="uvq04-cam"><span>Retrato</span></label><label><input type="radio" name="uvq04-cam"><span>Panorámica</span></label></div></div><span class="sh" aria-hidden="true"><i></i></span></div></fieldset>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 Radio buttons
Ver todos: Radio buttonsDónde usarlo
Inspirado en la app de cámara del móvil, este grupo de radios coloca cinco modos bajo un pequeño visor. La palabra elegida se desliza al centro en amarillo, el disparador se vuelve rojo en los modos de vídeo, una etiqueta muestra los fotogramas o la apertura y el modo retrato desenfoca los bordes. Sirve para herramientas de foto, apps creativas y selectores de formato.
Cambia el amarillo con el color principal y el rojo de grabación con el secundario. Cada modo ocupa un ancho fijo, así que usa una o dos palabras cortas; las flechas del teclado lo recorren como cualquier grupo de radios nativo.