Toolipedia Sematkan
ID
← Semua alat teks

Pembuat CSS border radius

Bulatkan setiap sudut dengan slider dan salin CSS border-radius.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Pembuat CSS border radius

Bulatkan setiap sudut secara terpisah dengan slider dan lihat bentuk berubah seketika, lalu salin baris border-radius. Menggunakan 50 persen pada persegi membuat lingkaran, sedangkan nilai piksel yang sangat besar pada persegi panjang menghasilkan bentuk pil. Sintaks garis miring delapan nilai memungkinkan sudut elips seperti gumpalan.

Cara menggunakan Pembuat CSS border radius

  1. Seret slider untuk setiap sudut untuk mengatur radiusnya.
  2. Perhatikan pratinjau langsung untuk memeriksa bentuknya.
  3. Salin baris CSS border-radius.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Bagaimana cara membuat lingkaran sempurna dengan CSS?

Beri elemen lebar dan tinggi yang sama, lalu atur border-radius ke 50 persen. Tanpa sisi yang sama, Anda mendapatkan oval.

Bagaimana cara membuat hanya satu sudut yang membulat?

Atur tiga sudut lainnya ke nol dan naikkan hanya yang Anda inginkan. CSS yang dibuat mencantumkan empat nilai untuk sudut dalam urutan tetap.

Haruskah saya memakai piksel atau persen untuk radius?

Piksel memberi ukuran sudut yang sama pada kotak apa pun. Persen menskalakan dengan elemen, jadi bisa membuat kotak lebar terlihat teregang. Gunakan piksel untuk tombol dan kartu yang konsisten.

Apakah Pembuat CSS border radius gratis?

Ya. Pembuat CSS border radius di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Pembuat CSS border radius di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait