Arrastra y lanza
Bille de verre avec inertie
Une bille sur un tapis de découpe : faites-la glisser puis lâchez pour la lancer ; la grille apparaît à l’envers dedans.
Réglages
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">Glissez et lancez</p><i class="sh" aria-hidden="true"></i><button type="button" class="mb" aria-label="Bille de verre : faites-la glisser ou poussez-la avec les flèches"><span class="rf"><span class="cp"></span></span><span class="sw"></span><span class="gs"></span></button></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Liquid Glass
Voir tout : Liquid GlassOù l’utiliser
Une bille de verre roule sur un tapis de découpe vert avec quadrillage, arc de rapporteur et règle. Dans la bille, le tapis apparaît inversé et agrandi, comme une vraie sphère réfracte ce qui est derrière elle, et un ruban rouge en œil de chat tourne quand elle roule. L’ombre porte un point lumineux là où le verre concentre la lumière.
Lancez-la d’un geste vif, touchez le tapis pour la pousser vers ce point ou déplacez-la avec les flèches. Elle rebondit sur les bords et ralentit avec le frottement. Parfaite pour une page d’accueil ludique, un jouet de page 404 ou une démo de physique.