border-radius: 16px;Il generatore di raggio di bordo CSS è un editor visivo per la proprietà del raggio di confine CSS. Trascini un cursore per ogni angolo, guardi un elemento di anteprima in tempo reale e copi il CSS esatto che produce, senza indovinare i valori dei pixel e ricaricare la pagina.
La proprietà del raggio di bordure sembra semplice ma ha una scorciatoia compatta che fa scattare le persone: un valore arrotonda tutti e quattro gli angoli, due valori impostano le due diagonali e quattro valori vanno in senso orario dall'alto a sinistra. Questo strumento consente di impostare ogni angolo in modo indipendente e quindi emettere automaticamente la stenografia equivalente più breve, in modo che il tuo CSS rimanga pulito.
Tutto funziona nel tuo browser. Inizia da un preset come carta, pillola, cerchio o blob, perfeziona ogni angolo, cambia l'unità tra i pixel e le percentuali e copia la dichiarazione. Nessun account, nessun caricamento e continua a funzionare offline una volta caricata la pagina.
Scegli un preset come arrotondato, pillola, cerchio o blob per un punto di partenza istantaneo o inizia dagli angoli arrotondati predefiniti.
Trascina i cursori in alto a sinistra, in alto a destra, in basso a destra e in basso a sinistra per arrotondare ogni angolo in modo indipendente, o impostali tutti allo stesso valore per un raggio uniforme.
Passa da PX, %, EM e REM. Le percentuali creano angoli ellittici rispetto alla dimensione dell'elemento: imposta il 50% su tutti gli angoli per creare un cerchio o un'ellisse perfetti.
Copia la dichiarazione del raggio di confine generata, già compressa nella stenografia valida più breve e incollala nel foglio di stile.
I cursori indipendenti per tutti e quattro gli angoli ti consentono di costruire forme asimmetriche come foglie, schede e raggi di bolle di linguaggio, non solo arrotondamento uniforme
Lo strumento chiude automaticamente i quattro angoli alla stenografia del raggio di bordo equivalente più corta, mantenendo il tuo CSS pulito e leggibile
Passa da PX, %, EM e REM: le percentuali producono angoli ellittici rispetto alla dimensione della casella, ovvero come vengono creati i cerchi e i blob
Un elemento di anteprima si aggiorna istantaneamente mentre trascini, in modo da poter vedere esattamente come gli angoli si arrotondano prima di copiare qualsiasi cosa
Design layered CSS box-shadows with a live preview and sliders for offset, blur, spread, color, opacity, and inset — then copy production-ready CSS.
Create beautiful CSS gradients with live preview
Design layered CSS text-shadows with a live preview and sliders for offset, blur, color, and opacity — build glow, outline, retro 3D, and emboss effects, then copy production-ready CSS.
0 comments
No comments yet. Be the first to share your thoughts!