⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Generator Gradien Linier CSS

Bangun gradien CSS secara visual: tipe linier, radial, atau kerucut, penggeser sudut, dan hingga enam perhentian warna dengan pratinjau lebar penuh langsung dan kode yang dapat disalin.

90°
Memproses... 0%

Hasil

Halaman ini membuka generator gradien dengan tipe linier yang telah dipilih. Seret penggeser sudut untuk memutar pudar, menyesuaikan penghentian warna, dan pratinjau lebar penuh ditambah pembaruan garis CSS pada setiap masukan.

linear-gradient() melukiskan warna sepanjang garis lurus — gradien yang paling banyak digunakan dalam CSS sejauh ini. 90 derajat dari kiri ke kanan, 180 derajat dari atas ke bawah, dan setiap sudut di antaranya menghasilkan diagonal; posisi berhenti dalam persen menentukan di mana setiap pita warna mulai menyatu dengan pita warna berikutnya.

Saat pratinjau terlihat benar, salin garis latar belakang ke dalam stylesheet Anda. Jika Anda menginginkan titik awal dan bukan halaman kosong, halaman preset matahari terbenam, laut, dan pastel membuka alat yang sama ini dengan pasangan warna yang telah terbukti sudah dimuat.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Pemilihan tipe gradien (linier, radial, kerucut) dengan penggeser sudut untuk mode linier dan kerucut.
  • Daftar perhentian warna: dua perhentian untuk memulai, menambah atau menghapus hingga enam, masing-masing dengan pemilih warna dan posisinya sendiri dalam persen.
  • Garis CSS latar belakang yang dapat disalin ditambah halaman prasetel siap pakai untuk gradien matahari terbenam, laut, dan pastel.

Manfaat Utama

✓ Pratinjau lebar penuh mengecat ulang setiap perubahan — jenis, sudut, dan setiap penghentian warna — sehingga CSS yang Anda salin persis seperti yang Anda lihat.
✓ Hingga enam perhentian warna dengan posisi individual mencakup semuanya mulai dari pemudaran dua warna sederhana hingga latar belakang multi-band yang kompleks.
✓ Satu deklarasi, tiga mesin: beralih antara linier, radial, dan kerucut tanpa membangun kembali pemberhentian Anda.

Kasus Penggunaan

  • • Buat latar belakang bagian pahlawan dengan menyeret sudut dan penghentian warna alih-alih mengedit linear-gradient() dan memuat ulang secara manual.
  • • Bandingkan penghentian warna yang sama dengan gradien linier, radial, dan kerucut dengan satu sakelar — penghentian tersebut berpindah antar jenis.
  • • Ambil kombinasi yang telah terbukti dari halaman preset matahari terbenam, laut, atau pastel dan sesuaikan dengan warna merek Anda.