Kamera-Auslöser
Sechs Blendenlamellen schließen sich beim Drücken über einer blau vergüteten Linse, und der Bildzähler zählt eins herunter.
Einstellungen
Code
<button class="uvq01-sht" type="button"><span class="ln" aria-hidden="true"><span class="gl"></span><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></span><span class="t">Foto machen</span><span class="ct" aria-hidden="true"><b>36</b></span></button>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 Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Gebaut wie die Deckkappe einer Filmkamera: Der Button trägt eine Linse mit dünnem roten Ring, sechs Blendenlamellen aus CSS und einen kleinen LCD-Bildzähler. Beim Hover blendet die Iris etwas ab, beim Drücken schließt sie sich ganz mit einem kurzen Blitz, und jede Aufnahme zieht ein Bild vom Film ab. Passt zu Foto-Apps, Shooting-Buchungen und Upload-Buttons.
Die Hauptfarbe färbt den Objektivring, die Zweitfarbe die Vergütung der Linse. So ist ein Leica-Rot oder ein anderer Markenakzent mit einer Änderung erledigt. Halte die Beschriftung kurz und mit Verb, etwa Foto machen oder Scannen.