Buat gradien CSS yang bagus dengan cepat menggunakan CSS Gradient Creator
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Alat dari Josh W Comeau ini memudahkan Anda membuat gradien yang terlihat bagus.
CSS Gradient Generator oleh Josh W Comeau ini adalah Aplikasi Web sederhana yang sangat bagus untuk membantu Anda membuat "gradien yang indah dan subur".

Saya pribadi kesulitan memetakan sintaks ke visualisasi sehingga alat ini sangat membantu saya. Fitur ini berfokus pada pembuatan gradien linear dan memungkinkan Anda mengonfigurasinya menggunakan sejumlah mode warna berbeda (seperti HCL) meskipun tidak secara langsung didukung pada fungsi CSS linear-gradient
. Postingan blog pendukung Josh membahas lebih detail tentang bagaimana interpolasi warna dihitung dan diterapkan pada sesuatu yang dapat dirender oleh browser—ini adalah bacaan menarik tentang beberapa teori di balik cara kerjanya.
Gradien linier
Banner besar oleh Luke Chesser di Unsplash
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2022-05-04 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2022-05-04 UTC."],[],[]]