Border RadiusGenerator

Uno strumento generatore di CSS border-radius per generare rapidamente dichiarazioni CSS border-radius.

Preview

Preview image

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