Gratis Terbaik Generator Gradien CSS
Bangun linear dan gradien CSS dengan pratinjau langsung meniru kode latar belakang.
100% bebas
Tidak ada pendaftaran
Tidak ada tanda air
✨
Pergi Pro untuk model AI terbaik - gambar, video dan chatting - ditambah upload lebih besar, prioritas dalam antrian dan tidak menunggu.
Tingkatkan ke Pro
Cinta Best.Free? Bagikan
Cara kerjanya
- Pilih suatu tipe. Pilih linear atau radial, dan atur sudut untuk gradien linier.
- Pilih warna dan berhenti. Atur dua atau lebih warna dan posisi mereka; tambahkan perhentian ketiga dalam opsi Tingkat Lanjut.
- Salin CSS. Tekan Salin CSS dan paste gradien latar belakang ke lembar gaya Anda.
Tentang alat ini
Buat gradien CSS dengan mata ketimbang nilai penyuntingan buta. Ganti diantara linear dan radial, seret sudut untuk gradien linear, dan pilih warna dan posisi untuk setidaknya dua berhenti sementara pemutakhiran batang pratinjau penuh lebar. Salin properti latar belakang yang dihasilkan langsung ke lembar gaya Anda. Pilihan Lanjutan menambahkan warna ketiga untuk pencampuran yang lebih kaya dan biarkan Anda memilih bentuk lingkaran atau elips untuk gradien radien. Ini semua berjalan dalam peramban Anda.
Apa yang orang gunakan untuk
- Mendesain suatu gradiasi pahlawan atau daerah latar belakang
- Buat suatu tombol atau isi gradiasi kartu
- Bercampur dua atau tiga warna merek lancar
- Hasilkan efek radial spotlight atau vignette
Sering kali mengajukan pertanyaan
Gradien linear campuran sepanjang garis lurus pada sudut yang Anda pilih; gradien radial campuran luar dari titik tengah sebagai lingkaran atau elips.
Untuk gradien linier sudut menetapkan arah campuran 0° turun ke atas, 90° kiri-ke-kanan, dan seterusnya.
Setiap berhenti adalah warna ditempatkan pada persentase sepanjang gradien. memindahkan perubahan berhenti di mana warna duduk dan seberapa tajam campuran itu.
Buka opsi tingkat lanjut untuk menambahkan halte warna ketiga, masukkan antara yang pertama dan terakhir untuk campuran multi warna.
No Warna dan berhenti berubah menjadi string CSS lokal dalam browser Anda.
Benar-benar bebas, tidak ada akun dan tidak ada batas-batas alat sisi klien dengan apa-apa untuk meter.
Ya, ini ada di browser Anda, jadi CSS Gradient Generator bekerja pada telepon dan tablet serta desktop å tidak ada aplikasi untuk dipasang.
Biasanya hanya beberapa detik untuk file khas CSS Gradient Generator mulai bekerja saat Anda memberikan masukan Anda.
Penggunaan kasual tak terbatas, di bawah topi yang murah hati yang membuatnya cepat bagi semua orang.
Semua peramban modern ▪ Chrome, Safari, Firefox dan Edge.