Bebas Terbaik Penjana Kecerunan CSS
Bina gradien CSS linear dan radial dengan pralihat hidup - salin kod latar belakang.
100% percuma
Tiada pendaftaran
Tiada tanda air
✨
Pergi Pro untuk model AI terbaik - imej, video dan sembang - ditambah muat naik yang lebih besar, keutamaan dalam baris gilir dan tiada menunggu.
Naik taraf ke Pro
Cinta Best.Free? Bagikan
Bagaimana ia berfungsi
- Pilih jenis. Pilih linear atau radial, dan tetapkan sudut untuk gradien linear.
- Pilih warna dan hentian. Tetapkan dua atau lebih warna dan kedudukan mereka; tambah hentian ketiga dalam pilihan Lanjutan.
- Salin CSS. Tekan Salin CSS dan tampal gradien latar belakang ke dalam lembaran gaya anda.
Perihal alat ini
Bina gradien CSS dengan mata tanpa perlu mengedit nilai buta. Tukar antara linear dan radial, seret sudut untuk gradien linear, dan pilih warna dan kedudukan sekurang-kurangnya dua henti sementara bar pralihat lebar penuh dikemaskini secara langsung. Salin sifat latar belakang yang dihasilkan terus ke dalam lembaran gaya anda. Pilihan Lanjutan menambah henti warna ketiga untuk campuran yang lebih kaya dan membolehkan anda memilih bentuk bulatan atau elips untuk gradien radial. Semuanya berjalan dalam pelayar anda.
Apa yang orang gunakan untuk
- Rancangan gradien latar belakang hero atau seksyen
- Cipta butang atau isian gradien kad
- Campurkan dua atau tiga warna brand dengan lancar
- Janakan kesan cahaya atau vinjet radial
Pertanyaan yang kerap ditanya
Kecerunan linear mencampur sepanjang garis lurus pada sudut yang anda pilih; kecerunan radial mencampur ke luar dari titik pusat sebagai bulatan atau elips.
Untuk gradien linear, sudut menetapkan arah campuran - 0° pergi bawah-ke-atas, 90° kiri-ke-kanan, dan seterusnya.
Setiap hentian adalah warna yang diletakkan pada peratusan sepanjang gradien. Menggerakkan hentian mengubah tempat warna itu berada dan bagaimana tajamnya campuran.
Ya. Buka pilihan Lanjutan untuk menambah hentian warna ketiga, dimasukkan antara pertama dan terakhir untuk campuran berbilang warna.
Tidak. Warna dan hentian diubah kepada rentetan CSS secara setempat dalam pelayar anda.
Semulajadi percuma, tiada akaun dan tiada had - alat klien-sisi tanpa apa-apa untuk diukur.
Ya. Ia berjalan dalam pelayar anda, jadi Penjana Kecerunan CSS berfungsi pada telefon dan tablet serta desktop - tiada aplikasi untuk dipasang.
Biasanya hanya beberapa saat untuk fail tipikal - Penjana Kecerunan CSS mula bekerja bila anda memberikan input anda.
Penggunaan biasa tidak terhad, di bawah cap penggunaan adil yang baik yang menjadikannya pantas untuk semua orang.
Semua pelayar moden - Chrome, Safari, Firefox dan Edge. Penjana Kecerunan CSS tidak memerlukan apa-apa dipasang selain pelayar yang anda sudah gunakan.