Pilih warna dan arah untuk menghasilkan linear-gradient CSS. Pratinjau diperbarui secara langsung. Salin CSS-nya setelah selesai. Berjalan di browser Anda.
0%
100%
background: linear-gradient(to right, #3b82f6, #8b5cf6);
Tentang Generator Gradient CSS
Alat ini membuat linear-gradient CSS dari arah dan warna pilihan Anda. Anda dapat menambahkan beberapa color stop. Pratinjau dan CSS diperbarui saat Anda mengubah opsi. Salin snippet-nya ke stylesheet Anda.
Cara penggunaan
- Pilih arah (misalnya to right, 45deg).
- Pilih warna dengan color picker atau masukkan hex. Tambahkan lebih banyak warna jika diperlukan.
- Salin CSS yang dihasilkan dan tempel ke proyek Anda.
Pertanyaan yang Sering Diajukan
Bisakah saya menambahkan lebih dari dua warna?
Ya. Gunakan Tambah warna untuk menambahkan stop. Anda dapat mengurutkan ulang atau menghapusnya. Setiap stop dapat memiliki posisi (misalnya 50%).
Apakah gradient saya dikirim ke server?
Tidak. CSS dibuat di browser Anda.
Browser apa yang mendukung linear-gradient?
Semua browser modern mendukung linear-gradient. Alat ini menghasilkan CSS standar; tambahkan vendor prefix jika Anda memerlukan dukungan browser lama.