Toggle de cremallera
El tirador recorre una tela vaquera y los dientes de latón se cierran uno a uno a su paso.
Ajustes
Código
<label class="uvq03-zip"><input type="checkbox" role="switch"><span class="fb"><span class="tt"><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><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i></span><span class="tb"><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><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i></span><span class="pl"><i></i></span></span>Modo privado</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.
Más en Toggles
Ver todos: TogglesDónde usarlo
Este interruptor es una cremallera en miniatura: tela vaquera con pespunte, dos filas de dientes de latón y un tirador con su lengüeta. Al activarlo, el tirador avanza hacia la derecha y cada diente se cierra con un pequeño retraso, de modo que la cremallera se sella a su paso. La lengüeta se balancea al parar. Encaja en ajustes de privacidad, carpetas bloqueadas y marcas de moda.
El color principal es la tela y el secundario el metal de los dientes. Prueba lona verde oliva con dientes plateados o cuero negro con dorado, y deja el texto corto porque la cremallera ya ocupa bastante.