Adakah kod yang dihasilkan serasi dengan semua pelayar?

Ya — kod ini menggunakan sifat CSS radial-gradient() piawai, yang disokong dalam semua pelayar moden tanpa memerlukan prefix khas.

Penjana Mesh Gradient

Mencipta latar belakang moden dengan gradien warna berbilang titik yang lembut dan bercampur (gaya Mesh Gradient yang popular dalam reka bentuk web moden), menggunakan radial-gradient() yang bertindih secara berlapis dengan warna rawak yang menarik — berbeza daripada alat Gradien CSS yang mencipta gradien dua warna yang ringkas, dan alat Corak Blob yang hanya melukis satu bentuk sahaja. Anda boleh mengawal bilangan titik warna dan warna asas, menjana corak rawak baharu dengan sekali klik, kemudian salin terus kod CSS yang sedia digunakan. Semuanya berlaku serta-merta dalam pelayar anda, tanpa apa-apa pernah dimuat naik ke mana-mana pelayan.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Semua pemprosesan berlaku pada peranti anda — tiada apa-apa dihantar ke pelayan.

Bilangan titik warna5Warna asas

Kod CSS

background-color: #f5f3ff;
background-image: radial-gradient(at 34% 34%, #e4cd67 0px, transparent 50%), radial-gradient(at 66% 25%, #8de467 0px, transparent 50%), radial-gradient(at 84% 63%, #e4677a 0px, transparent 50%), radial-gradient(at 31% 33%, #67e482 0px, transparent 50%), radial-gradient(at 55% 55%, #cde467 0px, transparent 50%);

Soalan Lazim

Alat Gradien CSS mencipta gradien linear atau radial yang ringkas antara dua warna, manakala alat ini melapiskan beberapa titik warna rawak yang bertindih untuk mencipta latar belakang berbilang warna yang lembut dalam gaya Mesh Gradient moden.