Penjana Gradien CSS
Bina gradien linear dan radial yang menakjubkan secara visual. Tambah hentian warna, laraskan sudut, pilih daripada praset dan salin kod CSS serta-merta.
Apakah Itu Penjana Gradien CSS?
Penjana gradien CSS membolehkan anda mencipta peralihan warna yang lancar secara visual untuk latar belakang web. Daripada menulis sintaks gradien dengan tangan, anda memilih warna, melaraskan kedudukan hentian dan sudut, dan mendapatkan kod CSS sedia pengeluaran serta-merta. Ia menyokong kedua-dua gradien linear (arah) dan gradien radial (bulatan).
Cara Mencipta Gradien CSS
- Pilih jenis — Pilih mod Linear atau Radial
- Tambah warna — Gunakan pemilih warna untuk menetapkan hentian gradien
- Laraskan kedudukan — Seret peluncur untuk mengawal kedudukan setiap warna
- Tetapkan sudut — Untuk gradien linear, laraskan sudut arah
- Salin CSS — Klik butang salin untuk mendapatkan kod CSS
Mengapa Menggunakan Penjana Gradien CSS Ini?
- Editor Visual — Lihat gradien anda dikemas kini dalam masa nyata semasa anda melaraskan warna
- Pelbagai Hentian — Tambah sehingga 8 hentian warna untuk gradien kompleks
- Galeri Praset — Mulakan dengan gradien siap sedia yang cantik dan suaikannya
- CSS Bersih — Dapatkan CSS sedia salin-tampal dengan sintaks yang betul
- Tiada Pendaftaran — Percuma dan berfungsi sepenuhnya dalam pelayar anda
FreeToolbox vs Penjana Gradien Lain
| Ciri | FreeToolbox | cssgradient.io | WebGradients |
|---|---|---|---|
| Linear + Radial | Ya | Ya | Linear sahaja |
| Pelbagai hentian | Sehingga 8 | Tanpa had | 2 sahaja |
| Praset | 6 | Tidak | 180 |
| Iklan | Minimum | Berat | Sederhana |
| UI Gelap | Ya | Tidak | Tidak |
Soalan lazim
Bolehkah saya mencipta gradien radial?
Ya. Togol antara mod Linear dan Radial di bahagian atas. Mod radial mencipta gradien bulat dari tengah ke luar.
Berapa banyak hentian warna yang boleh saya tambah?
Anda boleh menambah sehingga 8 hentian warna. Setiap hentian mempunyai pemilih warna dan peluncur kedudukan sendiri.
Adakah ia menjana awalan vendor?
Pelayar moden semuanya menyokong sintaks standard. Kod yang dijana menggunakan sintaks `linear-gradient` / `radial-gradient` standard yang berfungsi dalam semua pelayar semasa.
Bolehkah saya menyimpan gradien saya?
Salin kod CSS dan simpan dalam projek anda. Alat ini berjalan dalam pelayar dan tidak menyimpan data pada pelayan.
Adakah alat ini percuma?
Ya, percuma sepenuhnya tanpa pendaftaran atau had penggunaan.