Pinakamahusay na Libre CSS Border Radius Generator

Ang mga elementong ito ay maaaring ma-interpret bilang mga yunit ng bigat, mga elementong may mga katangian ng bigat, o mga elementong may katangian ng bigat.

100% libre Walang pag-signup Walang watermark
✨ Pumunta Pro para sa pinakamahusay na AI modelo - imahe, video at chat - plus mas malaki uploads, prayoridad sa queue at walang paghihintay. Mag-upgrade sa Pro
Pag-ibig Best.Free? Ibahagi ito

Paano ito gumagana

  1. Itakda ang mga sulok. I-drag ang bawat sulok slider, o panatilihin Link lahat ng sulok sa ilipat ang mga ito magkasama.
  2. Tingnan ang preview. Ang live na kahon rounds bilang i-drag mo; i-switch px, % o em sa Advanced na mga pagpipilian.
  3. Kopyahin ang CSS. Hit Copy CSS at i-paste ang hangganan-radius patakaran sa iyong stylesheet.

Tungkol sa tool na ito

Round ang mga sulok ng isang elemento eksaktong kung paano mo nais ang mga ito. I-drag ang isang slider para sa bawat isa sa apat na sulok - o panatilihin ang mga ito na naka-link kaya isang slider gumagalaw lahat ng apat - habang isang live na preview box ay nagpapakita ng resulta. Kopyahin ang hangganan-radius CSS, na collapses sa isang solong halaga kapag ang bawat sulok ay tumutugma at lumalawak sa apat na-value form kapag sila ay naiiba. Ang Advanced na mga pagpipilian i-switch ang yunit sa pagitan ng px, % at em, kaya maaari mong bumuo ng pill hugis at porsyento-based rounding masyadong.

Ano ang mga tao gamitin ito para sa

  • Round card, pindutan at imahe sulok
  • Lumikha ng isang pill o ganap na bilog na hugis
  • Itakda ang iba't ibang radii sa mga indibidwal na sulok
  • Gamitin ang porsyento rounding para sa mga lupon at ovals

Mga madalas itanong na katanungan

I-off ang Link lahat ng mga sulok at ang bawat slider controls isang sulok; ang CSS pagkatapos ay gumagamit ng apat na-value form (top-kaliwa, top-kanan, ibaba-kanan, ibaba-kaliwa).

Sa pamamagitan ng pag-drag ng anumang slider ay gumagalaw ang lahat ng apat na sulok ng magkasama at ang CSS collapses sa isang solong halaga.

Porsyento rounds kamag-anak sa laki ng kahon, kaya 50% sa isang parisukat ay gumagawa ng isang bilog at scales ito sa elemento. Pixels magbigay ng isang taning radius.

Itakda ang isang malaking radius sa lahat ng mga sulok; para sa isang tunay na pill, isang radius ng kalahati ng elemento taas - o 50% - rounds ang mga dulo ganap.

Hindi. Ang slider ay kumukwenta ng isang CSS string sa lokal sa iyong browser.

Ganap na libre, walang account at walang limitasyon - isang client-side tool na walang anumang upang sukatin.

Oo. Ito ay tumatakbo sa iyong browser, kaya CSS Border Radius Generator gumagana sa mga telepono at tablet pati na rin ang desktop - walang app upang i-install.

Karaniwan lamang ng ilang segundo para sa isang tipikal na file - CSS Border Radius Generator nagsisimula sa trabaho ang sandali mo bigyan ito ng iyong input.

Ang paggamit ng casual ay walang limitasyon, sa ilalim ng isang malawak na fair-use cap na pinapanatili itong mabilis para sa lahat.

Ang lahat ng mga modernong browser - Chrome, Safari, Firefox at Edge. CSS Border Radius Generator kailangang walang naka-install sa labas ng browser na iyong ginagamit.

Mga kaugnay na tool

🧩 Editor ng HTML 🆔 Mga UUID generator #️⃣ Hash generator 📊 Mga Chart Maker ⏱️ Unix Timestamp Converter { } JSON Formatter Higit pa sa Mga tool sa developer →
I-rate ang pahinang ito
★ ★ ★ ★ ★
5.0/5 (0)

Ano ang maaari naming mapabuti? Tutulong sa amin ang iyong feedback na ayusin ang mga isyu.