HTML + CSSSchalter

Vogelhaus-Schalter

Ein Vogelhaus aus Holz auf einem Pfahl: Eingeschaltet schaut ein Vogel aus dem Loch, neigt den Kopf und singt.

Einstellungen

16px
1x

Code

<label class="uvq03-brd"><input type="checkbox" role="switch"><span class="bh"><span class="nt" aria-hidden="true"><i>♪</i><i>♫</i></span><i class="rf"></i><span class="bx"><span class="hl"><span class="bd"><i class="ey"></i><i class="bk"></i></span></span><i class="pc"></i></span><i class="po"></i></span>Mit Vogelgesang aufwachen</label>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Schalter

Alle ansehen: Schalter

Wofür du ihn nutzen kannst

Dieser Schalter ist ein kleines Vogelhaus aus Holz mit rotem Dach, rundem Einflugloch, Sitzstange und Pfahl. Aus bleibt das Loch dunkel; eingeschaltet springt ein kleiner Vogel federnd in die Öffnung, neigt ab und zu den Kopf, und über dem Dach steigen Noten auf. Beim Überfahren mit der Maus lugt der Vogel ein wenig heraus. Passt zu Wecker- und Aufwacheinstellungen, Garten-Apps, Naturseiten und freundlichen Benachrichtigungen.

Die Hauptfarbe ist das Dach, die zweite der Vogel mit seinen Noten. Ein grünes Dach mit gelbem Vogel wirkt nach Frühling, ein dunkles passt zu Abendthemen. Die Beschriftung sollte von Klang oder Morgen handeln.