CSS Arka Plan Deseni Oluşturucu Çizgiler, satranç tahtası, noktalar ve daha fazlası dahil olmak üzere tekrarlanan CSS arka plan desenleri oluşturun.

CSS arka plan desenleri, sorunsuz, tekrarlayan karolar oluşturmak için gradient fonksiyonları ile precisa background-size ve background-position kullanır. Çizgiler, alternatif renk duraklarıyla tekrar eden-linear-gradient kullanır. Damalı tahtalar, 45 ve -45 derecelerde dört katmanlı linear-gradients kullanır. Noktalar, küçük bir yarıçap ve eşleşen background-size ile radial-gradient kullanır. Iızgaralar, ince renk durakları olan iki linear-gradient (yatay ve dikey) kullanır. Sorunsuz desenlerin anahtarı, background-size'ın gradient matematiğine karşılık gelmesini sağlamaktır. Background-position ofsetleri daha karmaşık düzenlemeler oluşturabilir. Bu desenler GPU tarafından işlenir ve minimal performans etkisi vardır. Herhangi bir çözünürlüğe mükemmel şekilde ölçeklenebilirler. Karmaşık desenlerde, çoklu arka plan katmanları, virgülle ayrılmış background-image değerleri kullanılarak yığılır. Her katman kendi background-size ve background-position'unu olabilir.