Paras vapaa CSS Border Radius Generator
Pyörivät elementtikulmat visuaalisesti – kulmaa kohti tai yhdistettynä, px/%/em – suoralla esikatselulla ja kopioinnilla.
100 % ilmaiseksi
Ei ilmoittautumista
Ei vesileimaa
Muistiin käsitellyt tiedostot, ei koskaan tallennettu
✨
Go Pro -mallit parhaille tekoälymalleille – kuva, video ja keskustelu – sekä isommat lataukset, jonon prioriteetti ja odotus kielletty.
Päivitä pro
Rakkaus best.free? Jaa se
Miten se toimii?
- Aseta kulmat. Vedä jokainen kulmaliukusäädin tai pidä Link kaikki kulmat päällä liikuttaaksesi niitä yhdessä.
- Katso ennakkonäytös. Live-laatikon kierrokset vetäessäsi; vaihda px-lukua, % tai em Advanced-vaihtoehtoihin.
- Kopioi CSS. Paina Kopioi CSS ja liitä raja-radius sääntö tyylisivullesi.
Tästä työkalusta
Piirrä liukusäädin jokaiseen neljään kulmaan – tai pidä se kytkettynä niin, että yksi liukusäädin liikkuu kaikki neljä – ja suora esikatselulaatikko näyttää tuloksen. Kopioi raja-radius CSS, joka romahtaa yhteen arvoon, kun jokainen kulma täsmää ja laajenee neljään arvoon, kun ne eroavat toisistaan. Advanced-vaihtoehdot vaihtavat yksikön px:n, %:n ja em:n välillä, jotta voit rakentaa myös pillerien muotoja ja prosenttiperusteisia pyöristyksiä.
Mihin ihmiset käyttävät sitä
- Pyöreä kortti, painike ja kuvakulmat
- Luo pilleri tai pyöristetty muoto
- Aseta eri säteet eri kulmiin
- Käytä pyöristystä prosenttimääräisesti ympyrän ja soikean värin välillä
Usein kysyttyjä kysymyksiä
Kyllä. Käännä kaikki kulmat pois päältä ja jokainen liukusäädin ohjaa yhtä kulmaa. CSS käyttää sitten nelinkertaista muotoa (ylin, oikea, oikea, ala- ja vasen).
Sen mukana liukusäädinten vetäminen liikuttaa kaikkia neljää kulmaa yhteen ja CSS romahtaa yhteen ainoaan arvoon.
Prosenttikierrokset suhteessa laatikon kokoon, joten 50 % neliöllä tekee ympyrän ja se vaa'aa elementin kanssa. Pixels antaa kiinteän säteen.
Aseta suuri säde kaikkiin kulmiin; oikea pilleri, jonka säde on puolet alkuaineen korkeudesta – tai 50 prosenttia – kiertää päät täysin.
Ei, liukusäätimissä lasketaan CSS-jono paikallisesti selaimessasi.
Täysin ilmainen, ei tiliä eikä rajoja – asiakaspuolen työkalu, jolla ei ole mitään mitattavaa.
Kyllä. Se toimii selaimessasi, joten CSS Border Radius Generator toimii puhelimissa ja tableteissa sekä työpöydällä – ei ole mitään sovellusta, jonka asentaa.
Yleensä vain muutama sekunti tyypilliseen tiedostoon – CSS Border Radius Generator alkaa toimia heti, kun annat sille syötettä.
Casual-käyttö on rajatonta, reilun käytön anteliaan suojakorkin alla, joka pitää sen nopeana kaikille.
Kaikki modernit selaimet – Chrome, Safari, Firefox ja Edge. CSS Border Radius Generator ei tarvitse mitään selaimen lisäksi, jota jo käytät.