Tu consejo del día

Hoy es buen día para lanzar esa ideaNúmeros: 7 · 14 · 23

Toca la galleta para abrirla
HTML + CSSNotifications

Toast de biscuit chinois

Un biscuit de la fortune se balance en attendant ; touché, il se casse en deux, les miettes volent et le papier sort.

Réglages

16px
1x

Code

<div class="uvq09-ftn"><button type="button" class="fire">Un autre biscuit</button><div class="tt" role="status"><small class="lb">Ton conseil du jour</small><button type="button" class="ck" aria-label="Ouvrir le biscuit" 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>C'est un bon jour pour lancer cette idée</span><small>Numéros : 7 · 14 · 23</small></p><small class="hn">Touche le biscuit pour l'ouvrir</small></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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Notifications

Voir tout : Notifications

Où l’utiliser

Les conseils du jour et les petites récompenses passent mieux avec un peu de rituel. Ce toast montre un biscuit doré dessiné avec des dégradés radiaux superposés qui se balance de temps en temps ; un appui écarte les deux moitiés, éparpille des miettes et déroule un papier avec le message et les numéros porte-bonheur. Pour les applis d'apprentissage et la fidélité.

La couleur principale dore le biscuit et la secondaire encre le message. Le papier reste caché aux lecteurs d'écran jusqu'à l'ouverture, puis la zone de statut le lit ; écris des phrases courtes pour qu'il tienne sur deux lignes.