Kategori: Alat pengembang
Generator Gradien CSS
Susun gradien linear atau radial lalu salin CSS-nya
Pilih dua atau tiga warna, atur sudutnya, lihat pratinjau langsung, dan salin deklarasi background-image yang siap tempel. Semuanya dirender di peramban Anda.
background-image: linear-gradient(135deg, #0f7b63 0%, #1f4f7a 100%);
Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.
Apa fungsi alat ini
Gradien lebih mudah dinilai dengan mata daripada ditulis manual, jadi alat ini melukis CSS yang sebenarnya pada panel pratinjau saat Anda mengubahnya. Pilih gradien linear dengan sudut dalam derajat atau gradien radial yang berpusat di tengah, tambahkan warna tengah opsional untuk campuran tiga titik, lalu salin deklarasinya langsung ke stylesheet Anda.
Cara memakainya
- Pilih gradien linear atau radial.
- Pilih warna awal dan akhir, serta warna tengah bila perlu.
- Atur sudutnya, lalu salin deklarasi CSS.
Privasi
Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.
Pertanyaan yang sering diajukan
- Apakah ada yang diunggah?
- Tidak. Pratinjaunya adalah latar CSS yang dilukis peramban Anda dan deklarasinya dibentuk di halaman, jadi tidak ada yang dikirim ke server.
- Apakah saya perlu prefiks vendor?
- Tidak untuk peramban masa kini. linear-gradient dan radial-gradient tanpa prefiks sudah didukung bertahun-tahun.
- Ke arah mana sudutnya menunjuk?
- Dalam CSS, 0deg berjalan dari bawah ke atas dan sudutnya bertambah searah jarum jam, jadi 90deg dari kiri ke kanan dan 180deg dari atas ke bawah.