Bulles de savon irisées
Des bulles irisées montent en se balançant avec un film coloré qui tourne ; touches-en une et elle éclate en gouttelettes.
Réglages
Code
<div class="pt-uvq16-soap-bubbles"><i style="--x:37.8%;--s:2.82em;--du:14.2;--dl:-0.7;--sp:4.1"><b></b></i><i style="--x:18.1%;--s:6.05em;--du:12.8;--dl:-4.8;--sp:3.9"><b></b></i><i style="--x:47.4%;--s:2.79em;--du:19.9;--dl:-0.9;--sp:3.0"><b></b></i><i style="--x:63.4%;--s:7.76em;--du:14.2;--dl:-8.4;--sp:2.8"><b></b></i><i style="--x:25.1%;--s:2.88em;--du:18.8;--dl:-14.1;--sp:4.1"><b></b></i><i style="--x:66.8%;--s:6.29em;--du:16.2;--dl:-6.4;--sp:2.5"><b></b></i><i style="--x:62.2%;--s:3.42em;--du:13.2;--dl:-5.8;--sp:4.3"><b></b></i><i style="--x:51.3%;--s:4.79em;--du:10.9;--dl:-9.2;--sp:3.4"><b></b></i><i style="--x:68.5%;--s:3.95em;--du:11.3;--dl:-8.9;--sp:3.0"><b></b></i><i style="--x:26.2%;--s:4.39em;--du:19.2;--dl:-8.8;--sp:3.5"><b></b></i><i style="--x:53.5%;--s:5.02em;--du:13.2;--dl:-10.2;--sp:2.7"><b></b></i><i style="--x:89.5%;--s:5.37em;--du:15.6;--dl:-6.6;--sp:4.5"><b></b></i><i style="--x:87.1%;--s:7.80em;--du:12.9;--dl:-0.3;--sp:2.7"><b></b></i><i style="--x:29.2%;--s:7.89em;--du:16.4;--dl:-16.2;--sp:4.2"><b></b></i></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 Arrière-plans
Voir tout : Arrière-plansOù l’utiliser
Des bulles de savon faites de dégradés CSS superposés. Un dégradé conique en rotation, masqué sur un bord fin, imite les couleurs changeantes du film de savon, un reflet radial ajoute la fenêtre qui s'y reflète et un bord intérieur doux donne du volume. Chaque bulle monte à son rythme en se balançant et en s'écrasant légèrement, comme une vraie portée par la brise.
Les trois couleurs teintent le film, les tons pastel restent les plus naturels. La densité agrandit les bulles. Un tout petit script fait éclater une bulle au clic ou au toucher : elle gonfle, s'efface et projette un anneau de gouttelettes avant de remonter depuis le bas. Adorable pour l'enfance, le ménage et la cosmétique.