Bola de nieve de cristal
Agita la bola con un toque o arrastrándola: la nieve vuela con física y se posa despacio sobre la casita.
Ajustes
Código
<div class="uvq11-snow"><i class="lp" aria-hidden="true"></i><button type="button" class="gb" aria-label="Agitar la bola de nieve"><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>Feliz invierno</span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Liquid Glass
Ver todos: Liquid GlassDónde usarlo
Una bola de nieve con una casita y abetos dentro de una esfera de vidrio, sobre una peana de madera con placa de latón. El cristal tiene un brillo arriba, el reflejo de una ventana, el borde más oscuro y, dentro, la habitación de detrás aparece del revés, como la muestra una esfera llena de agua. Cada copo tiene su velocidad, su rozamiento y su sitio al caer.
Escribe tu propio mensaje en la placa y elige los colores del agua y de la peana. Arrastra sobre la bola para remover la nieve en esa dirección o púlsala con el teclado para agitarla entera. Queda muy bien en campañas navideñas y felicitaciones.