Migliore gratis Generatore di radio di bordo CSS
angoli tondi dell'elemento visivamente
100% esenzione
Nessun segno
Nessuna filigrana
File elaborati in memoria, mai memorizzati
✨
Go Pro per i migliori modelli AI Hoppenstedt immagine, video e chat Hoppenstedt più grandi upload, priorità nella coda e senza attesa.
Aggiorna a Pro
Amore best.free? Condividilo
Come funziona
- Imposta gli angoli. Trascinare ogni cursore angolare, o tenere Link tutti gli angoli su per spostarli insieme.
- Guarda l'anteprima. Il giro di live box durante il trascinamento; passare px, % o em in opzioni avanzate.
- Copia il CSS. Premi Copia CSS e incolla la regola border-radius nel foglio di stile.
Informazioni su questo strumento
Gira gli angoli di un elemento esattamente come li vuoi. Trascina un cursore per ciascuno dei quattro angoli • o tienili collegati in modo che un cursore si muova tutti e quattro mentre una finestra di anteprima dal vivo mostra il risultato. Copia il cSS border-radius, che collassa ad un unico valore quando ogni angolo corrisponde ed espande alla forma a quattro valori quando differiscono. Le opzioni avanzate cambiano l'unità tra px, % ed em, in modo da poter costruire anche forme pillola e arrotondamenti basati sulla percentuale.
Per cosa la gente lo usa
- Angoli di carta, pulsante e immagine tondeggianti
- Creare una pillola o forma completamente rotonda
- Imposta diversi raggi su singoli angoli
- Utilizzare percentuale arrotondamento per cerchi e ovali
Domande frequenti
Sì. Spegni Collegare tutti gli angoli e ogni cursore controlla un angolo; il CSS utilizza quindi il modulo a quattro valori (in alto a sinistra, in alto a destra, in basso a destra, in basso a sinistra).
Con esso, trascinando qualsiasi cursore muove tutti e quattro gli angoli insieme e il CSS crolla ad un unico valore.
Percentuale giri rispetto alla dimensione della scatola, quindi 50% su un quadrato fa un cerchio e scala con l'elemento. Pixel dare un raggio fisso.
Impostare un grande raggio su tutti gli angoli; per una pillola vera, un raggio di metà dell'altezza elemento
No. I cursori calcolano localmente una stringa CSS nel browser.
Completamente gratuito, nessun account e nessun limite
Sì. E funziona nel browser, così CSS Border Radius Generator funziona su telefoni e tablet così come desktop Hoppenstedt non c'è alcuna applicazione da installare.
Di solito solo pochi secondi per un tipico file CSS Border Radius Generator inizia a funzionare nel momento in cui gli dai il tuo input.
L'uso casuale è illimitato, sotto un generoso tappo di uso equo che lo mantiene veloce per tutti.
Tutti i browser moderni Chrome, Safari, Firefox e Edge. CSS Border Radius Generator non ha bisogno di nulla installato oltre il browser che già usi.