Genera forme blob vettoriali SVG morbide e percorsi di ritaglio CSS clip-path per sfondi, avatar e grafiche web. Gratuito, istantaneo, 100% lato client.
L'integrazione di forme geometriche organiche fluide e asimmetriche (CSS Blobs) costituisce una delle tendenze visive più distintive del moderno web design, ideale per creare sfondi dinamici per sezioni hero, cornici originali per fotografie di profilo, elementi decorativi fluttuanti o maschere di ritaglio accattivanti. Calcolare a mano le percentuali complesse della proprietà border-radius a otto valori è un compito matematicamente poco intuitivo.
Questo generatore interattivo permette di modellare forme fluide in tempo reale agendo su cursori di complessità, contrasto di curvatura e variazione casuale, oppure cliccando sul pulsante di mutazione per generare istantaneamente sagome organiche uniche. Lo strumento visualizza l'anteprima in tempo reale, calcola la sintassi CSS esatta della proprietà border-radius a doppio asse (orizzontale / verticale) e genera animazioni fluide @keyframes con transizioni elastiche tra configurazioni diverse.
Gli utenti possono copiare il codice CSS con un solo clic o scaricare la forma come vettore SVG scalabile puro per l'inserimento in layout web e software di grafica vettoriale come Figma. Tutti i calcoli geometrici operano in locale senza alcuna dipendenza da librerie esterne.
border-radius: R1h R2h R3h R4h / R1v R2v R3v R4v | CoordinateBezier: P(t) = (1-t)^3*P0 + ... + t^3*P3
La proprietà CSS definisce i quattro raggi orizzontali e i quattro raggi verticali di ciascun vertice; il generatore SVG calcola i punti di controllo delle curve di Bézier cubiche.