Percuma Online Penjana Bayang & Grid CSS
Reka bentuk CSS secara visual dan bukannya meneka nombor. Dalam mod Kotak, seret peluncur untuk ofset bayang, kabur, sebaran, jejari penjuru, warna dan kelegapan, dengan bayang inset pilihan, dan lihat pratonton langsung dikemas kini. Dalam mod Grid, tetapkan bilangan lajur, jurang, bilangan item dan tinggi baris untuk menyusun grid responsif. CSS yang sepadan dijana semasa anda bekerja — salin terus ke dalam lembaran gaya anda. Semuanya berjalan dalam pelayar anda.
Memuatkan alat…
Cara guna Penjana Bayang & Grid CSS
- Pilih Bayang & jejari kotak atau Susun atur grid.
- Seret peluncur untuk membentuk kesan.
- Lihat pratonton dan CSS dikemas kini secara langsung.
- Salin CSS yang dijana ke dalam projek anda.
Soalan tentang Penjana Bayang & Grid CSS
Apakah CSS yang dijana?
CSS standard yang sedia disalin: peraturan .box dengan background, border-radius dan box-shadow, atau peraturan .grid menggunakan display:grid dengan grid-template-columns dan gap. Tiada awalan vendor diperlukan untuk sifat ini dalam pelayar moden.
Bolehkah saya menggunakan CSS grid pada laman sebenar?
Ya. Peraturan grid menggunakan repeat() dan lajur pecahan, jadi ia responsif. Tampalkannya ke dalam lembaran gaya anda dan letakkan kandungan anda di dalam bekas grid.
Tentang Penjana Bayang & Grid CSS
Bina bayang dan susun atur grid CSS anda dengan alat online percuma Penjana Bayang & Grid CSS. 100% dalam pelayar, tanpa log masuk atau muat naik fail.
Alat teks dan kod ini membersih dan mengubah rentetan: kira perkataan, tukar huruf besar/kecil, buang baris pendua, kod/nyahkod Base64 dan URL, escape entiti, hash, format JSON dan banding dua versi.
Alat ini berjalan dalam pelayar anda. Fail tidak dimuat naik. Semua berjalan pada teks yang ditampal, jadi anda boleh proses cebisan kod atau log dengan selamat; tiada apa dihantar ke mana-mana, dan mengosongkan kotak membuangnya dari memori.