Generatore di border-radius CSS
Crea angoli arrotondati in CSS con anteprima dal vivo: regola ogni angolo, collega i quattro insieme o crea forme organiche (blob) con gli 8 valori del border-radius.
Come si usaGeneratore di border-radius e blob
Generatore di border-radius CSS: a cosa serve
Regola i quattro angoli insieme o separatamente, in px o %, e vedi la forma cambiare subito. Nella modalità Blob, usa i raggi orizzontali e verticali per creare forme organiche e genera variazioni casuali. Il CSS è pronto da copiare.
Come si usa
- Scegli angoli o blob.
- Regola i cursori.
- Copia il CSS generato.
Quando usarlo
- Creare pulsanti e card arrotondati.
- Fare forme organiche per gli sfondi.
- Imparare la sintassi del border-radius.
Domande frequenti
Come arrotondo solo alcuni angoli?
Disattiva l’opzione degli angoli uguali e regola ciascuno. L’ordine nel CSS è alto a sinistra, alto a destra, basso a destra e basso a sinistra.
Come faccio una forma organica (blob)?
Usa la modalità Blob: usa la sintassi con la barra, come 30% 70% 70% 30% / 30% 30% 70% 70%, in cui i valori prima della barra sono i raggi orizzontali e quelli dopo i raggi verticali.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.