Generator CSS Border Radius

Generator border-radius CSS dengan delapan pegangan sudut independen, slider, dan pratinjau langsung bentuk membulat. Salin kode CSS siap pakai untuk elemen apa pun, gratis.

border-radius: 50% 50% 50% 50%;

↖ H: 50%

↗ H: 50%

↘ H: 50%

↙ H: 50%

↖ V: 50%

↗ V: 50%

↘ V: 50%

↙ V: 50%

Sematkan

<iframe src="https://devtools.patrache.studio/id/generators/css-border-radius/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Generator CSS Border Radius — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/id/generators/css-border-radius/">Generator CSS Border Radius</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Terakhir diperbarui: 2026 · Alat online gratis

Apa itu Generator CSS Border Radius?

Generator border-radius CSS dengan delapan pegangan sudut independen, slider, dan pratinjau langsung bentuk membulat. Salin kode CSS siap pakai untuk elemen apa pun, gratis.

Cara Penggunaan

1
Sesuaikan Opsi— Sesuaikan gaya menggunakan slider dan pemilih warna.
2
Periksa Pratinjau— Periksa hasil di pratinjau waktu nyata.
3
Salin Kode— Salin kode CSS atau SVG untuk digunakan dalam proyek Anda.

Alat Terkait

Generator CSS Box ShadowGenerator box-shadow CSS dengan kontrol offset, blur, spread, warna, dan inset serta pratinjau bayangan langsung. Salin kode CSS siap pakai untuk elemen apa pun, gratis.

Generator Gradien CSSGenerator gradien CSS visual untuk gradien linear, radial, dan conic: tambah color stop, atur sudut, lalu salin CSS-nya. Cocok untuk latar dan tombol, gratis di browser.

Generator CSS FlexboxPlayground CSS Flexbox dengan editor visual untuk justify-content, align-items, flex-direction, dan wrap plus pratinjau tata letak langsung. Menghasilkan CSS Flexbox siap salin.

Referensi Satuan CSSReferensi satuan CSS px, em, rem, %, vw, vh, vmin, vmax, dan ch yang tersusun per kategori. Dengan penjelasan jelas kapan memakai tiap satuan absolut dan relatif, gratis.

Pertanyaan yang Sering Diajukan

Ini adalah alat online gratis untuk mengedit border-radius 8-nilai secara visual.

Ya, preset gaya yang sering digunakan disediakan.

Ya, Anda dapat langsung menyalin kode CSS yang dihasilkan.

Tidak. Semua pemrosesan dilakukan di browser.

Ya, desain responsif berfungsi di perangkat seluler.