Boules gooey
Trois boules qui glissent les unes dans les autres et fusionnent comme un liquide, puis se séparent en s’étirant.
Réglages
Code
<svg width="0" height="0" style="position:absolute"><filter id="ul-goo"><feGaussianBlur stdDeviation="6"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -9"/></filter></svg><div class="ul-goo"><i></i><i></i><i></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 Loaders
Où l’utiliser
L’effet gooey donne aux formes l’allure de gouttes d’une matière épaisse, idéal pour les marques au caractère liquide : un bar à bubble tea, la page de commande d’un bar à jus ou un magasin de peintures et d’encres. Deux boules font des allers-retours à travers une troisième qui respire, et fusionnent là où elles se touchent.
Seule la couleur principale est utilisée, car la fusion rend mieux quand tout semble fait de la même matière. Restez sur une taille moyenne ou grande ; en tout petit, le col élastique entre les boules disparaît et il ne reste que trois points.