Border RadiusGenerator
Uno strumento generatore di CSS border-radius per generare rapidamente dichiarazioni CSS border-radius.
Preview
CSS Output
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Controlli del percorso di ritaglio
Forme di base
Proprietà della forma
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Come si usa
Controlli di base
- Selezionare una forma di base dal pannello Selezione forma
- Regolare i parametri della forma utilizzando i cursori dell'intervallo
- Trascina i punti di controllo sull'anteprima per rimodellare il tracciato della clip
- Aggiungi punti a forme personalizzate utilizzando la modalità Aggiungi punti
Funzionalità avanzate
- Salva e carica i preset per accedere rapidamente alle tue forme preferite
- Anima i tuoi percorsi di clip con durata, andamento e iterazioni personalizzati
- Copia il codice CSS generato e incollalo nel tuo progetto
- Attiva/disattiva la modalità oscura per una comoda progettazione a tarda notte
Related Tools
Abbellitore CSS
Formatta e abbellisci il tuo codice CSS con precisione professionale
Convertitore da stilo a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore da SCSS a CSS
Trasforma il tuo codice SCSS in CSS. Veloce, facile e sicuro.
Convertitore da parola a numero
Converti i numeri scritti nei loro equivalenti numerici in più lingue
Calcolatore dell'età
Calcola la tua età esatta in anni, mesi e giorni con il nostro calcolatore di età preciso.
Converti il testo in slug SEO-friendly
Trasforma qualsiasi testo in uno slug compatibile con gli URL, perfetto per URL, nomi di file e altro ancora.