HTML + CSSToggles
Modo avión
El avión despega por el carril entre nubes que pasan y gira al aterrizar en el otro lado.
Ajustes
16px
1x
Código
<label class="uv-tap"><input type="checkbox" role="switch"><span class="tr"><i class="cl a"></i><i class="cl b"></i><span class="kn"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M21 15.5v-1.8l-7.6-4.6V4a1.4 1.4 0 0 0-2.8 0v5.1L3 13.7v1.8l7.6-2.4v4.5L8.6 19v1.4l3.4-1 3.4 1V19l-2-1.4v-4.5z"/></svg></span></span>Modo avión</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
Un ajuste del móvil de toda la vida con un poco de historia: la bola lleva un avión que apunta hacia arriba cuando está desactivado y, al activarlo, vuela al otro extremo, se inclina en diagonal y deja atrás dos nubecitas que siguen pasando por el carril naranja. Encaja de maravilla en apps de viaje, webs de reservas y cualquier modo sin conexión o concentración.
El naranja sigue la convención del sistema, pero cualquier color sirve para una marca. Las nubes solo se mueven con el interruptor activado y se paran con movimiento reducido.