HTML + CSSLoaders
Bolas gooey
Tres bolas que se deslizan unas dentro de otras y se funden como un líquido, para luego separarse estirándose.
Ajustes
72px
1x
Código
<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 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 Loaders
Dónde usarlo
El efecto gooey hace que las formas parezcan gotas de algo espeso, y encaja con marcas de personalidad líquida: una tienda de bubble tea, la página de pedidos de una juguería o una tienda de pinturas y tintas. Dos bolas van y vienen a través de una tercera que respira, y se funden allí donde se tocan.
Solo usa el color principal, porque la fusión queda mejor cuando parece que todo es del mismo material. Mantenlo en tamaño medio o grande; en pequeño desaparece ese cuello elástico entre las bolas y parecen tres puntos sin más.