CSS Arka Plan Deseni

Herhangi bir resim dosyası olmadan saf CSS tekrarlayan arka plan desenleri oluşturun. Beş yerleşik deseni türünden — noktalar, ızgara, çapraz, zikzak ve dalgalar — birini seçin, bir ön plan ve arka plan rengi seçin, bir karoya boyutu ayarlayın ve aracı deseni yeniden üretmek için gereken tam background-image / background-size bildirimlerini yayar.

1. Açılır listeden bir Desen seçin (noktalar, ızgara, çapraz, zikzak, dalgalar). 2. Renk seçicilerle ön plan rengini (çizgiler veya noktalar) ve arka plan rengini ayarlayın. 3. Karo aralığını değiştirmek için Boyut kaydırıcısını (5–50px) sürükleyin. 4. Oluşturulan CSS'i kopyalayın, bu CSS zaten gerekli background-color, background-image ve background-size özelliklerini içerir.

noktalar: ızgara üzerinde radial-gradient noktaları. ızgara: bir ızgara oluşturan çapraz linear-gradyanlar. çapraz: 45deg'de repeating-linear-gradient çizgileri. zikzak: zikzak karosu oluşturan dört katmanlı linear-gradyanlar. dalgalar: yatay olarak tekrarlanan radial-gradient yayları. Boyut, piksel cinsinden karo boyutunu kontrol eder ve kaynakta belgendiği gibi desene başına uygulanır.