HTML + CSSToggles

Televisor de tubo

Una tele de los setenta se enciende como un tubo de rayos catódicos: línea brillante, destello y carta de ajuste.

Ajustes

16px
1x

Código

<label class="uvq03-crt"><input type="checkbox" role="switch"><span class="tv"><i class="an"></i><span class="bz"><span class="sc"><span class="im"></span></span><span class="kb"><i></i><i></i></span></span></span>Televisor</label>

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 Toggles

Ver todos: Toggles

Dónde usarlo

Este interruptor es un pequeño televisor naranja de los setenta con pantalla curva, mandos laterales y antena de cuernos. Al activarlo reproduce el encendido clásico de tubo: una línea fina y brillante se abre hasta llenar la pantalla, el destello se apaga y aparecen barras de color con líneas de barrido, una franja que baja despacio y un ligero parpadeo. Al apagarlo, la imagen se recoge en una línea.

El color principal es la carcasa y el secundario sustituye a una de las barras. Una carcasa crema o de madera lo lleva a otra década, y el efecto sirve para ajustes multimedia, modos de pantalla o portadas retro.