Generator Gradien CSS
Buat gradien CSS linear, radial, dan konik dengan beberapa titik warna lalu salin kodenya.
background: —;
Semuanya berjalan di peramban Anda — tanpa unggah, tanpa pendaftaran.
Tentang Generator Gradien CSS
CSS Gradient Generator membuat gradien linear, radial dan conic dengan kontrol visual penuh. Tambahkan color stop dengan mengklik bar gradien, seret untuk mengubah posisinya, dan beri setiap stop warna, opasitas dan posisinya sendiri. Gradien linear mendapat kontrol sudut; gradien radial mendapat bentuk (lingkaran atau elips) dan posisi; gradien conic mendapat sudut awal.
Pratinjau langsung menunjukkan persis apa yang akan dirender browser, dan ada tombol acak (randomize) plus sejumlah preset pilihan bila Anda butuh titik awal, bukan kanvas kosong. Stop bisa ditambah dan dihapus dengan bebas — sebuah gradien hanya butuh minimal dua stop.
Setelah tampilannya pas, salin nilai gradien polos atau aturan CSS lengkap. Generator ini berjalan sepenuhnya di browser Anda tanpa unggahan dan tanpa pendaftaran, menjadikannya pendamping cepat untuk tombol, latar belakang hero, border dan efek teks.
Cara menggunakan Generator Gradien CSS
- Pilih jenis gradien: linear, radial atau conic.
- Atur sudut (linear), bentuk dan posisi (radial), atau sudut awal (conic).
- Klik bar gradien untuk menambahkan color stop dan seret untuk mengatur posisinya.
- Beri setiap stop warna, opasitas dan posisi persisnya.
- Coba preset atau tombol acak untuk inspirasi cepat.
- Salin nilai gradiennya atau aturan CSS lengkapnya.