Editar foto
Slider mit Flüssiglinse
Beim Ziehen wird der weiße Regler zu einer Glaslinse, die die Leiste vergrößert; damit stellst du Helligkeit und Wärme ein.
Einstellungen
Code
<div class="uvq11-lsl" style="--br:.7;--wm:.35"><div class="ph" aria-hidden="true"><i class="sun"></i><i class="m1"></i><i class="m2"></i><i class="lk"></i></div><div class="pn"><p class="ti">Foto bearbeiten</p><div class="rw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4"/></svg><div class="sl" role="slider" tabindex="0" aria-label="Brillanz" aria-valuemin="0" aria-valuemax="100" aria-valuenow="70" aria-valuetext="70 %" data-k="br" style="--v:0.7"><span class="tk"><span class="fi"></span></span><span class="th"><span class="lz"><span class="tc"><span class="fi"></span></span></span></span></div><output>70</output></div><div class="rw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 14.5V5a2 2 0 0 1 4 0v9.5a4 4 0 1 1-4 0z"/><path d="M12 10v6"/></svg><div class="sl" role="slider" tabindex="0" aria-label="Wärme" aria-valuemin="0" aria-valuemax="100" aria-valuenow="35" aria-valuetext="35 %" data-k="wm" style="--v:0.35"><span class="tk"><span class="fi"></span></span><span class="th"><span class="lz"><span class="tc"><span class="fi"></span></span></span></span></div><output>35</output></div></div></div>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 Liquid Glass
Alle ansehen: Liquid GlassWofür du ihn nutzen kannst
Ein Slider im Geist der neuesten Smartphone-Oberflächen: In Ruhe ist der Regler eine schlichte weiße Pille, beim Ziehen bläht er sich zu einer klaren Linse mit farbigen Säumen auf, die die Leiste darunter vergrößert. Zwei davon sitzen in einem Glaspanel und steuern Helligkeit und Wärme eines Landschaftsfotos.
Die Vergrößerung der Linse hat einen eigenen Regler, die Füllfarbe kommt aus der Hauptfarbe. Jeder Slider ist voll per Tastatur bedienbar, inklusive Pos1, Ende und Bildtasten, und passt zu Fotoeditoren, Einstellungen und Medien-Apps.