Boule à neige en verre
Secouez la boule d’un toucher ou d’un glissé : la neige vole avec une vraie physique et retombe sur la maisonnette.
Réglages
Code
<div class="uvq11-snow"><i class="lp" aria-hidden="true"></i><button type="button" class="gb" aria-label="Secouer la boule à neige"><span class="in"><span class="iv"></span><svg class="sc" viewBox="0 0 100 100" aria-hidden="true"><path d="M0 72Q25 63 50 69T100 71V100H0Z" fill="#f4f8ff"/><path class="tr" d="M17 70L24 49L31 70ZM20 58L24 44L28 58Z"/><path class="tr" d="M71 72L77 53L83 72Z"/><rect x="41" y="56" width="18" height="14" fill="#b4533c"/><path d="M38 57L50 45L62 57Z" fill="#f4f8ff"/><rect x="46" y="60" width="5" height="5" fill="#ffd27a"/><rect x="54" y="62" width="3" height="8" fill="#5b2a1c"/></svg><span class="fk"><i style="transform:translate(-60px,-27px)"></i><i style="transform:translate(-28px,-29px)"></i><i style="transform:translate(12px,-4px)"></i><i style="transform:translate(-43px,-60px)"></i><i style="transform:translate(-55px,9px)"></i><i style="transform:translate(-42px,-13px)"></i><i style="transform:translate(-1px,-54px)"></i><i style="transform:translate(-41px,-10px)"></i><i style="transform:translate(-58px,-61px)"></i><i style="transform:translate(-42px,-45px)"></i><i style="transform:translate(-30px,-58px)"></i><i style="transform:translate(32px,8px)"></i><i style="transform:translate(5px,-11px)"></i><i style="transform:translate(-27px,24px)"></i><i style="transform:translate(-30px,-54px)"></i><i style="transform:translate(28px,-37px)"></i><i style="transform:translate(34px,-50px)"></i><i style="transform:translate(-35px,26px)"></i><i style="transform:translate(48px,-39px)"></i><i style="transform:translate(57px,-54px)"></i><i style="transform:translate(29px,22px)"></i><i style="transform:translate(-40px,-40px)"></i><i style="transform:translate(55px,-43px)"></i><i style="transform:translate(47px,-4px)"></i><i style="transform:translate(38px,-35px)"></i><i style="transform:translate(-24px,-24px)"></i><i style="transform:translate(26px,11px)"></i><i style="transform:translate(-51px,-18px)"></i><i style="transform:translate(-5px,-1px)"></i><i style="transform:translate(27px,-47px)"></i><i style="transform:translate(26px,-17px)"></i><i style="transform:translate(6px,23px)"></i><i style="transform:translate(55px,-20px)"></i><i style="transform:translate(36px,-39px)"></i><i style="transform:translate(41px,-43px)"></i><i style="transform:translate(0px,-49px)"></i><i style="transform:translate(40px,4px)"></i><i style="transform:translate(11px,-28px)"></i><i style="transform:translate(39px,-49px)"></i><i style="transform:translate(-26px,-35px)"></i><i style="transform:translate(-2px,-29px)"></i><i style="transform:translate(-54px,-57px)"></i></span></span><span class="gs"></span></button><div class="bs"><span>Joyeux hiver</span></div></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 boule à neige avec une maisonnette et des sapins dans une sphère de verre, posée sur un socle en bois à plaque de laiton. Le verre a un reflet doux en haut, celui d’une fenêtre, un bord plus sombre et, à l’intérieur, la pièce derrière apparaît à l’envers, comme le montre vraiment une sphère remplie d’eau. Chaque flocon a sa vitesse, son frottement et son point de chute.
Écrivez votre message sur la plaque et choisissez les couleurs de l’eau et du socle. Glissez sur la boule pour remuer la neige dans ce sens, ou appuyez au clavier pour la secouer en entier. Charmant pour les campagnes de fêtes et les cartes de vœux.