Handytool
KehittäjilleIlmainenSuoritetaan paikallisesti

Border Radius -generaattori

Säädä ja esikatsele CSS:n border-radiusta mukautetuille kulmille ja muodoille.

Esikatselu
CSS
border-radius: 16px;
Tila
Yksikkö

Kulmittain-tila hallitsee jokaista kulmaa erikseen; elliptinen jakaa vaakasuorat ja pystysuorat säteet.

Border Radius -generaattori – tietoa

Handytooling border-radius -generaattori sallii elementin jokaisen kulman kaarevuuden säätämisen tai yhtenäisen border-radiuksen soveltamisen. Aseta yksittäiset säteet jokaiselle kulmalle, esikatsele nelikulmioiseen elementtiin mukautetulla taustalla, ja kopioi täydellinen CSS-ominaisuus. Tukee sekä ympyräsäteitä (50%) että elliptisiä säteitä (50% 30%) monimutkaisempiin muotoihin.

Border Radius -generaattori – ominaisuudet

  • 01

    Riippumaton kulmanhallinta

    Säädä vasemmalla ylhäällä, oikealla ylhäällä, oikealla alhaalla ja vasemmalla alhaalla erikseen, tai käytä samaa sädettä nopeaa yhtenäisyyttä varten.

  • 02

    Elliptinen muoto tuettu

    Aseta kaksi arvoa (vaaka- ja pystysuunta) mihin tahansa kulmaan elliptisille käyrille — täydellinen orgaanisiin muotoihin ja moderneihin painikkeisiin.

  • 03

    Live esikatselu yksiköillä

    Katso, miltä kulmat näyttävät px:llä, %:lla, em:llä tai muilla CSS-yksiköillä reaaliajassa muokattavassa esikatselussa.

Border Radius -generaattori – UKK

Voinko luoda täydellisen ympyrän?
Kyllä. Aseta border-radius 50%:iin nelikulmioon (leveys = korkeus) täydelliselle ympyrälle.
Voinko käyttää eri yksiköitä?
Kyllä. Sekoita px, %, em, rem ja muita CSS-yksiköitä — selain arvioi ne suhteessa elementin kokoon.
Mikä ero on 50% ja 50% 30%?
Ensimmäinen on 50%:n ympyräsäde. Toinen on elliptinen säde 50% vaakatasossa ja 30% pystysuunnassa.
Kuinka kopioin lyhennyksellä kirjoitetun syntaksin?
Handytool generoi lyhennyksellä kirjoitetun syntaksin puolestasi — jos kaikki kulmat ovat samat, näyttää vain yhden arvon; jos ne ovat erilaisia, näyttää pareja.

Liittyvät työkalut

Kehittäjille →

Tutustu muihin työkaluihin

Kaikki työkalut →