Farbfächer mit Lackmustern
Ein aufgefächerter Farbmusterfächer: Der gewählte Streifen gleitet heraus und tönt die Wand dahinter.
Einstellungen
Code
<fieldset class="uvq04-fan"><legend>Wandfarbe</legend><div class="fn"><label style="--a:-50deg;--c:#c4673f"><input type="radio" name="uvq04-fan"><span class="sw"><span class="nm"><b>Ton</b> R-214</span></span></label><label style="--a:-30deg;--c:#d9a53a"><input type="radio" name="uvq04-fan"><span class="sw"><span class="nm"><b>Senfgelb</b> Y-108</span></span></label><label style="--a:-10deg;--c:#8fa98a"><input type="radio" name="uvq04-fan" checked><span class="sw"><span class="nm"><b>Salbei</b> G-322</span></span></label><label style="--a:10deg;--c:#2f6f8f"><input type="radio" name="uvq04-fan"><span class="sw"><span class="nm"><b>Ozean</b> B-517</span></span></label><label style="--a:30deg;--c:#6e3a5e"><input type="radio" name="uvq04-fan"><span class="sw"><span class="nm"><b>Pflaume</b> V-640</span></span></label><label style="--a:50deg;--c:#aab4c0"><input type="radio" name="uvq04-fan"><span class="sw"><span class="nm"><b>Nebel</b> N-090</span></span></label><i class="rv" aria-hidden="true"></i></div></fieldset>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.
Mehr aus Radiobuttons
Alle ansehen: RadiobuttonsWofür du ihn nutzen kannst
Sechs Farbstreifen sind unten vernietet und öffnen sich wie ein echter Farbfächer aus dem Baumarkt. Jeder Streifen zeigt drei Abstufungen und einen Namen mit Code. Der gewählte Streifen gleitet entlang seines eigenen Winkels heraus, legt sich über die anderen, und die Karte dahinter bekommt einen zarten Schleier dieser Farbe, wie ein Wandmuster.
Die Farben stehen im Style jedes Streifens, tausche sie gegen deine Markenpalette, Stoffe oder Holzbeizen. Mit fünf bis sieben Streifen bleibt der Fächer lesbar, und die Pfeiltasten gehen sie der Reihe nach durch.