Nasıl kullanılır
- Bir desen türü seçin: çizgili, noktalı, damalı veya zikzak.
- Ana rengi, vurgu rengini ve boyutu piksel olarak ayarlayın.
- Önizlemeye bakın, ardından kopyala düğmesiyle CSS'i kopyalayın.
Bu oluşturucu tekrar eden desenleri yalnızca CSS gradyanlarıyla üretir; dolayısıyla barındırılacak resim dosyası yoktur. Ana Renk temel arka plandır; Vurgu Rengi ise onun üzerine çizilen çizgiler, noktalar veya kareler için kullanılır. Boyut piksel cinsindendir, 10 ile 100 arasındadır ve her tekrarın ne kadar büyük olacağını belirler.
Çizgili, 45 derecelik çapraz çizgiler oluşturur; her çizgi boyut değerinin yarısı kadardır. Noktalı, bir ızgara üzerine küçük daireler çizer. Damalı, iki tonlu bir dama tahtası üretir. Zikzak, tekrar eden bir üçgen dalga oluşturur. Her tür; bir arka plan rengi, gradyanlardan oluşan bir arka plan resmi ve gerektiğinde bir arka plan boyutu ile konumu belirleyen birkaç satır CSS verir.
Bir deseni kullanmak için kopyalanan bildirimleri herhangi bir öğenin, örneğin bir kapsayıcının veya body'nin kuralına yapıştırın. Ardından renkleri veya boyutu kendi stil sayfanızda değiştirebilirsiniz. Desenler gradyanlardan oluştuğu için temiz ölçeklenir ve fazladan ağ isteği eklemez.
Her şey tarayıcınızda oluşturulur ve hiçbir şey yüklenmez.
Sık sorulan sorular
Hangi desenler mevcut?
Çizgili, noktalı, damalı ve zikzak.
Resim dosyalarına ihtiyacım var mı?
Hayır. Desenler CSS gradyanları kullanır; barındırılacak veya yüklenecek resim yoktur.
Boyut denetimi neyi değiştirir?
Desenin bir tekrarının piksel cinsinden boyutunu. Büyük değerler daha büyük bir desen verir.
CSS'i herhangi bir öğede kullanabilir miyim?
Evet. Bildirimleri arka planı istediğiniz herhangi bir öğenin kuralına yapıştırın.
Girdiğim değerler yükleniyor mu?
Hayır. CSS tarayıcınızda oluşturulur.