Hoy es buen día para lanzar esa ideaNúmeros: 7 · 14 · 23
Toca la galleta para abrirlaToast de galleta de la fortuna
Una galleta de la fortuna se balancea esperando; al pulsarla se parte en dos, saltan migas y sale el papel con el mensaje.
Ajustes
Código
<div class="uvq09-ftn"><button type="button" class="fire">Otra galleta</button><div class="tt" role="status"><small class="lb">Tu consejo del día</small><button type="button" class="ck" aria-label="Abrir la galleta" aria-expanded="false"><i class="h1" aria-hidden="true"><svg viewBox="0 0 52 40"><path class="lo" d="M52 6C34 0 10 6 3 26C1 33 8 38 16 34C28 28 40 29 52 37Z"/><path class="fo" d="M52 37C42 30 30 29 19 33C30 24 42 20 52 21Z"/><path class="hl" d="M13 15C21 8 33 6 44 8"/></svg></i><i class="h2" aria-hidden="true"><svg viewBox="0 0 52 40"><path class="lo" d="M52 6C34 0 10 6 3 26C1 33 8 38 16 34C28 28 40 29 52 37Z"/><path class="fo" d="M52 37C42 30 30 29 19 33C30 24 42 20 52 21Z"/><path class="hl" d="M13 15C21 8 33 6 44 8"/></svg></i><span class="cr" aria-hidden="true"><i style="--x:-4.5em;--y:-0.0em"></i><i style="--x:2.7em;--y:-0.2em"></i><i style="--x:2.7em;--y:2.3em"></i><i style="--x:-0.7em;--y:-0.3em"></i><i style="--x:-3.5em;--y:0.6em"></i><i style="--x:-0.4em;--y:1.4em"></i><i style="--x:-0.2em;--y:0.3em"></i><i style="--x:-0.2em;--y:1.7em"></i><i style="--x:-4.1em;--y:-0.4em"></i></span></button><p class="sl"><span>Hoy es buen día para lanzar esa idea</span><small>Números: 7 · 14 · 23</small></p><small class="hn">Toca la galleta para abrirla</small></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 Toasts
Ver todos: ToastsDónde usarlo
Los consejos del día y las pequeñas recompensas entran mejor con un poco de ritual. Este toast muestra una galleta dorada dibujada con degradados radiales que se balancea de vez en cuando; al pulsarla, las dos mitades se separan, saltan migas y se despliega un papel con el mensaje y los números de la suerte. Encaja en apps de aprendizaje, rachas diarias y fidelización.
El color principal hornea la galleta y el secundario entinta el mensaje. El papel queda oculto para los lectores de pantalla hasta que se abre y entonces la región de estado lo lee; escribe frases cortas para que quepa en dos líneas.