[ad_1]
Apa itu Generator Radius Perbatasan CSS Online?
Generator Radius Perbatasan CSS adalah a alat online gratis untuk menghasilkan radius batas CSS. “border-radius” adalah salah satu properti CSS yang paling banyak digunakan untuk memperhalus sudut kotak HTML. Jika Anda menggunakan radius batas yang sama di semua sudut, penerapannya relatif mudah, dan Anda tidak memerlukan alat bantu apa pun untuk mengaturnya. Bahkan sebagian besar pengembang tidak mengetahuinya, radius batas CSS mungkin memerlukan argumen hingga 8, 2 untuk setiap sudut dan masing-masing menentukan kemiringan setiap sumbu sudut. Dengan mengatur semua 8 parameter ini, Anda dapat menggunakan properti radius batas CSS dengan cara yang lebih profesional untuk menutupi warna, gambar, dan elemen html.
Anda dapat menggunakan unit CSS standar seperti piksel (px), rem, em, atau persentase untuk radius batas. Persentase akan digunakan dalam alat ini untuk mewakili solusi yang lebih umum, namun Anda dapat mengonversinya sendiri menjadi satuan standar jika Anda mau.
Berikut adalah representasi penggunaan radius batas tingkat lanjut untuk menutupi gambar. Dengan mengatur radius batas setiap sudut satu per satu, hasil artistik dapat diperoleh dengan gambar, gradien, atau peristiwa dengan warna solid.
Penggunaan radius batas CSS tingkat lanjut
Ada 2 opsi utama untuk pengaturan radius setiap perbatasan. Secara default, ada 8 titik yang harus diatur, 2 untuk setiap sudut. Jika Anda mengaktifkan opsi “Gabungkan Radius Tepi”, jumlah titik akan berkurang menjadi 4 dan setiap titik akan mengontrol 2 jari-jari secara bersamaan. Opsi ini lebih baik untuk mengatur bentuk yang lebih melengkung.
Bagaimana cara menggunakan Generator Radius Perbatasan CSS Online?
Anda dapat membuat kode CSS untuk properti radius batas dengan mengikuti langkah-langkah berikut.
- Atur posisi setiap titik dengan menyeretnya ke posisi yang diinginkan.
- Ada 3 jenis pratinjau. Warna solid, gradien, atau gambar. Anda dapat mempratinjau radius batas di setiap mode, baik dengan panduan atau dengan menyembunyikannya dengan opsi “Sembunyikan Panduan” untuk melihat hasilnya.
- Lebar dan tinggi gambar dapat diatur jika diperlukan.
- Jika Anda ingin menggabungkan radius tepi, Anda dapat mengaktifkan opsi ini untuk mengontrol 2 radius tetangga dengan satu titik.
- Jika Anda mendapatkan hasil yang diinginkan dalam pratinjau, Anda dapat menyalin kode CSS dengan mengklik tombol “Salin” dan menempelkannya langsung ke gaya proyek Anda.