SVG Gradient Generator
Hasilkan definisi gradien SVG (linear/radial) plus padanan CSS. Semua proses berjalan di perangkat Anda — cepat, gratis, dan privat.
Hasil akan muncul di sini…
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
728 × 90Slot Iklan TersediaPasang iklan Anda di sini
Contoh
Contoh Input
tipe=linear, sudut=45
Contoh Output
<linearGradient gradientTransform="rotate(45)">… /* CSS: linear-gradient(45deg, …) */
Cara Penggunaan
- 1Isi input dan/atau atur "Pengaturan Lainnya" sesuai kebutuhan.
- 2Klik tombol Hasilkan (atau tekan Ctrl+Enter).
- 3Salin hasilnya dengan tombol Salin.
Tentang SVG Gradient Generator
SVG Gradient Generator membuat gradien linear atau radial dari dua warna, dengan sudut yang dapat diatur untuk linear. Hasilnya menyertakan markup SVG <linearGradient>/<radialGradient> dan padanan CSS background.
Praktis ketika Anda butuh gradien yang sama di SVG dan CSS, atau ingin definisi <defs> untuk dipakai ulang di beberapa elemen SVG.
Pertanyaan Umum (FAQ)
Apakah data dikirim ke server?
Tidak. SVG Gradient Generator berjalan sepenuhnya di browser Anda — semua dihasilkan secara lokal dan tidak pernah diunggah ke server kami.