Penjana Jejari Sempadan CSS
Cipta border-radius CSS secara visual dengan pratonton langsung dan salin kod sedia pengeluaran.
border-radius: —;
100% peribadi — semuanya berjalan dalam pelayar anda. Tiada apa-apa dimuat naik.
Mengenai Penjana Jejari Sempadan CSS
CSS Border Radius Generator mencipta segala-galanya daripada kad bulat lembut hingga bentuk blob organik. Seret pemegang penjuru terus pada pratonton, atau tetapkan setiap penjuru secara berangka — termasuk sintaks lapan nilai penuh, di mana setiap penjuru mempunyai jejari mendatar dan menegak berasingan. Paksi kedua itulah yang membuka kunci bentuk telur, daun, air mata dan blob.
Suis pautan penjuru mengekalkan keempat-empat penjuru selari untuk pembulatan seragam klasik, manakala menyahpautkannya membebaskan setiap penjuru untuk bentuk tidak simetri. Dua belas pratetap — rounded, pill, circle, squircle, dua blob, leaf, egg, arch, teardrop, petal dan wave — menunjukkan apa yang boleh dilakukan oleh sifat ini, dan butang rawak menjana bentuk organik segar tanpa henti.
Anda boleh menukar unit, mewarnakan semula elemen dan kanvas agar sepadan dengan reka bentuk anda, dan menyalin sama ada nilai border-radius semata-mata atau peraturan CSS penuh. Alat ini 100% berasaskan pelanggan — tiada apa dimuat naik.
Cara menggunakan Penjana Jejari Sempadan CSS
- Seret pemegang penjuru pada pratonton, atau matikan "Link all corners" untuk menyunting setiap penjuru secara berasingan.
- Tetapkan jejari mendatar dan menegak bagi setiap penjuru untuk bentuk organik seperti blob.
- Pilih unit anda dan laraskan warna elemen serta latar belakang untuk pratonton dalam konteks.
- Cuba pratetap — pill, squircle, blob, leaf, teardrop dan lain-lain — atau tekan rawak.
- Salin nilai border-radius atau CSS lengkap.