Demo · 15 Signature · $25K
Cinco gotas de color flotando, fundiéndose y separándose como mercurio. Una sigue al cursor — al acercarse a otra, se mezclan. El truco: filtro SVG con blur + colormatrix de threshold que limpia los bordes. Mueve el cursor por el escenario.
El secreto está en el filtro goo: primero feGaussianBlur con stdDeviation 22 desenfoca todo el contenido del contenedor. Después feColorMatrix aumenta el alpha 28× con offset −10, lo que crea un threshold — los píxeles transparentes desaparecen, los opacos se mantienen. Eso recorta el blur y deja bordes orgánicos.
Cinco blobs animados con keyframes desfasados (14s, 17s, 19s, 21s, 16s) — duraciones primas para que nunca se sincronicen. Un sexto blob sigue al cursor con interpolación lerp y al chocar con los otros, se fusionan brevemente como gotas de mercurio. Funciona como hero principal en sitios SaaS premium, estudios creativos, marcas de wellness.
Lo monto con la paleta de tu marca. Funciona perfecto si tu negocio tiene 3-5 colores fuertes para fundir.
Cotízalo por WhatsApp