Generatore di Border Radius CSS
Crea visivamente il border-radius CSS con anteprima in tempo reale e copia codice pronto per la produzione.
border-radius: —;
100% privato — tutto viene eseguito nel tuo browser. Niente viene caricato.
Informazioni su Generatore di Border Radius CSS
Il Generatore di Border Radius CSS crea di tutto, dalle schede dolcemente arrotondate alle forme organiche a blob. Trascina le maniglie degli angoli direttamente sull'anteprima, oppure imposta ogni angolo numericamente — inclusa la sintassi completa a otto valori, dove ogni angolo ha raggi orizzontali e verticali separati. È proprio quel secondo asse a sbloccare uova, foglie, lacrime e blob.
Un interruttore "collega angoli" mantiene tutti e quattro gli angoli sincronizzati per un arrotondamento uniforme classico, mentre scollegandoli si libera ogni angolo per forme asimmetriche. Dodici preset — rounded, pill, circle, squircle, due blob, leaf, egg, arch, teardrop, petal e wave — dimostrano cosa può fare la proprietà, e un pulsante casuale genera forme organiche fresche all'infinito.
Puoi cambiare l'unità, ricolorare l'elemento e la tela per adattarli al tuo design, e copiare il valore nudo di border-radius o una regola CSS completa. Lo strumento è al 100% lato client — nulla viene caricato.
Come usare Generatore di Border Radius CSS
- Trascina le maniglie degli angoli sull'anteprima, oppure disattiva "Collega tutti gli angoli" per modificare ogni angolo separatamente.
- Imposta il raggio orizzontale e verticale per ogni angolo per forme organiche simili a blob.
- Scegli la tua unità e regola i colori dell'elemento e dello sfondo per visualizzarli nel contesto.
- Prova i preset — pill, squircle, blob, leaf, teardrop e altri — oppure premi casuale.
- Copia il valore di border-radius o il CSS completo.