Generator Border-Radius

Deklarasi border-radius bisa berisi hingga empat nilai sudut independen plus sintaks opsional delapan-nilai-garis-miring untuk kurva organik — lebih banyak bagian bergerak daripada yang disadari kebanyakan orang hingga mereka membutuhkan sesuatu di luar kartu membulat sederhana. Generator ini menampilkan setiap bagian itu di layar: empat slider sudut dengan unit px-atau-persen-nya sendiri, pintasan tautkan-semua-sudut untuk bentuk simetris, dan mode blob untuk bentuk yang tidak bisa diekspresikan oleh satu nilai radius pun.

Mode Sudut mencakup bentuk-bentuk yang paling sering dicari orang: tautkan setiap sudut ke satu slider untuk lingkaran sempurna, pil, dan squircle, atau lepaskan tautannya untuk membulatkan hanya bagian atas panel dropdown atau hanya satu sisi kartu. Pratinjau papan-catur di belakang bentuk, yang bisa diganti antara latar terang dan gelap, memperjelas sudut mana yang terpotong pada radius berapa pun — trik visual yang sama yang digunakan oleh alat file di situs ini untuk menampilkan transparansi.

Mode blob adalah separuh lainnya: sintaks delapan-nilai-garis-miring CSS memungkinkan jari-jari horizontal dan vertikal setiap sudut berbeda, yang mengubah persegi panjang membulat menjadi garis luar organik yang tak beraturan. Tekan Acak kapan saja untuk bentuk baru dan salin CSS persis di baliknya — tanpa perlu ekspor SVG atau library eksternal. Halaman preset mencakup permintaan yang paling sering diketik orang di kotak pencarian: lingkaran sempurna, tombol pil berbentuk stadion, squircle ala iOS, dan blob organik siap pakai.

Seperti semua alat di situs ini, ia berjalan sepenuhnya di browser Anda: tanpa unggahan, tanpa akun, dan generator tetap bekerja offline setelah halaman dimuat.