Tautan Cepat

Belum ada favorit. Tambahkan alat yang sering Anda gunakan untuk akses cepat!

3Utils

Generator Gradien

? Pertanyaan yang Sering Diajukan

Jenis gradien apa saja yang dapat saya buat?

Buat gradien linier (arah lurus), gradien radial (melingkar dari tengah), dan gradien kerucut (melengkung di sekitar tengah). Setiap jenis menawarkan efek visual yang berbeda untuk latar belakang dan elemen desain.

Bagaimana cara mengontrol arah gradien?

Untuk gradien linier, tentukan sudut (0-360°) atau kata kunci (ke kanan, ke bawah). Untuk gradien radial, pilih bentuk (lingkaran/elips) dan posisi. Gradien kerucut berputar di sekitar titik pusat.

Bisakah saya menggunakan beberapa warna dalam satu gradien?

Ya! Tambahkan pemberhentian warna tanpa batas di sepanjang gradien. Posisikan setiap warna pada persentase tertentu (0-100%) untuk mengontrol di mana warna muncul dan bagaimana warna tersebut berbaur. Transisi yang tajam membutuhkan pemberhentian warna yang berdekatan.

Bagaimana cara membuat transisi yang halus dan transisi yang kasar?

Halus: sebarkan titik henti warna (misalnya, merah pada 0%, biru pada 100%). Keras: tempatkan titik henti warna berdekatan (misalnya, merah pada 49%, biru pada 50%). Ini menciptakan perpaduan bertahap atau perubahan warna yang tajam.

Apakah ini menghasilkan kode CSS?

Ya! Alat ini menghasilkan CSS dengan awalan browser yang tepat: linear-gradient(), radial-gradient(), dan conic-gradient() dengan semua parameter. Salin-tempel langsung ke stylesheet Anda.

Apakah data saya aman dan terlindungi?

Ya, tentu saja! Alat ini berjalan sepenuhnya di browser Anda. Semua pemrosesan data terjadi secara lokal di perangkat Anda - tidak ada yang diunggah ke server kami. File dan data Anda tidak pernah meninggalkan komputer Anda, sehingga menjamin privasi dan keamanan sepenuhnya.