Buat Gradiasi CSS
Desain gradien CSS yang indah dan salin kodenya.
Bagaimana menggunakan Generator Gradien CSS
Pilih linear atau radial
Linear menyatu sepanjang garis lurus, radial menyebar keluar dari titik pusat.
Tambah dan warna posisi berhenti
Tambahkan warna sebanyak yang Anda butuhkan dan tarik setiap berhenti untuk menempatkan sepanjang gradien.
Salin CSS
Atur sudut atau bentuk sampai terlihat benar, kemudian salin CSS yang dihasilkan ke dalam stylesheet Anda.
Tentang Generator Gradien CSS
Sintaks gradien CSS mudah dibaca dan menyedihkan untuk menulis dari memori. Sudut diukur dari arah yang paling mengejutkan orang pada saat pertama kali, posisi berhenti warna berinteraksi dengan cara yang sulit untuk diprediksi, dan satu-satunya cara yang dapat diandalkan untuk mendapatkan gradien hak adalah untuk melihatnya berubah seperti yang Anda menyesuaikan itu. itulah gunanya: bangun gradien secara visual, kemudian salin CSS Anda dapat menempel lurus ke dalam stalesheet.
Kedua jenis tersebut ditutupi. gradien radial menyebar keluar dari pusat dalam lingkaran atau elips, yang cocok dengan spotlight, menyala dan vignettes halus.
Keluaran ini jelas, produksi-siap CSS tanpa ketergantungan di situs ini dan tidak ada prefiks vendor yang tidak diperlukan, karena setiap peramban saat ini telah mendukung gradien yang tidak terpractirment. semuanya berjalan di browser Anda, dan CSS yang dihasilkan adalah milikmu untuk digunakan dalam proyek, komersial atau sebaliknya.
Pertanyaan yang sering ditanyakan
- Bagaimana cara membuat gradien CSS?
- Pilih linear atau radial, tambahkan warna berhenti, atur sudutnya, lalu salin CSS yang dihasilkan langsung ke dalam stylesheet Anda.
- Apa perbedaan antara linear dan radial?
- gradien linear membaur sepanjang garis lurus pada sudut yang Anda pilih gradien radial menyebar keluar dalam lingkaran atau elips dari titik pusat.
- Dapatkah saya menggunakan lebih dari dua warna?
- Tambahkan warna berhenti sebanyak yang Anda butuhkan dan posisi masing-masing di sepanjang gradien.