Arrastra y lanza
Glasmurmel mit Trägheit
Eine Murmel auf einer Schneidematte: zieh sie und lass los, um sie zu werfen; im Glas steht das Raster kopf.
Einstellungen
Code
<div class="uvq11-mar"><div class="mat" aria-hidden="true"><b style="left:5%">1</b><b style="left:10%">2</b><b style="left:15%">3</b><b style="left:20%">4</b><b style="left:25%">5</b><b style="left:30%">6</b><b style="left:35%">7</b><b style="left:40%">8</b><b style="left:45%">9</b><b style="left:50%">10</b><b style="left:55%">11</b><b style="left:60%">12</b><b style="left:65%">13</b><b style="left:70%">14</b><b style="left:75%">15</b><b style="left:80%">16</b><b style="left:85%">17</b><b style="left:90%">18</b><b style="left:95%">19</b></div><p class="hn">Ziehen und werfen</p><i class="sh" aria-hidden="true"></i><button type="button" class="mb" aria-label="Glasmurmel: ziehen oder mit den Pfeiltasten anstoßen"><span class="rf"><span class="cp"></span></span><span class="sw"></span><span class="gs"></span></button></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
Eine Glasmurmel rollt über eine grüne Schneidematte mit Raster, Winkelbogen und Lineal. In der Kugel erscheint die Matte gespiegelt und vergrößert, so wie eine echte Kugel bricht, was hinter ihr liegt, und ein rotes Katzenauge-Band dreht sich beim Rollen. Im Schatten sitzt ein heller Lichtfleck, wo das Glas das Licht bündelt.
Wirf sie mit Schwung, tippe auf die Matte, um sie zu diesem Punkt zu stoßen, oder schieb sie mit den Pfeiltasten. Sie prallt von den Rändern ab und bremst durch Reibung. Gut als verspielter Hero, 404-Spielzeug oder Physik-Demo.