Desen Oluşturucu

Geometrik ve organik CSS/SVG arka plan desenleri oluştur.

Ayarlar

Desen Stili

NoktalarIzgaraÇizgilerDalgalar

Desen Rengi

Arka Plan Rengi

Desen Boyutu40px

Nokta Yarıçapı4px

Desen Opaklığı30%

Sticraft Desen Demo

Yüksek verimli satır içi SVG'lerle gerçek zamanlı desen oluşturma. Duyarlı ve mükemmel hizalı.

CSS Arka Plan Kodu

background-image: url("data:image/svg+xml;base64,");
background-color: #0f0f11;

Ham SVG XML Kodu

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40">
  <circle cx="20" cy="20" r="4" fill="#ff6b35" fill-opacity="0.3" />
</svg>

Nasıl çalışır

Bir desen seçin ve renkleri, ölçeği ve yoğunluğu ayarlayın.
Kesintisiz parça önizlemesinin güncellenmesini izleyin.
Tasarımınıza uyana kadar ince ayarlayın.
Satır içi CSS'i ya da ham SVG'yi kopyalayın.

Ne için kullanılır

Bir siteye ince, kesintisiz bir arka plan deseni eklemek.
Bir tasarım için tekrarlayan bir doku oluşturmak.
Döşenebilir bir desen için CSS ya da SVG almak.

Bilmekte fayda var

Desenler prosedürel olarak üretilir ve kesintisiz döşenir; elle çizilmiş düzensiz dokular kapsam dışıdır.
Çok yoğun desenler SVG boyutunu artırır; hafif arka planlar için yoğunluğu ölçülü tutun.

Sıkça sorulan sorular

Desenler kesintisiz mi?

Evet; görünür ekler olmadan döşenirler, dolayısıyla herhangi bir boyuttaki arka planı temiz doldurabilirler.

CSS mi SVG mi kullanmalıyım?

Satır içi CSS bir web arka planı için en hızlısıdır; ham SVG size başka yerde düzenleyebileceğiniz ya da yeniden kullanabileceğiniz bağımsız bir varlık verir.

Herhangi bir şey yükleniyor mu?

Hayır. Desenler tamamen tarayıcınızda üretilir.

İlgili araçlar

DXF Görüntüleyici

Renk Paleti

Renk Dönüştürücü

CSS Kutu Gölgesi Oluşturucu

Kontrast Kontrolcüsü