CSS3 Çoklu Arkaplan Resmi Kullanma

Birden Fazla Resmi Arkaplan Olarak Yerleştirme

Burada da gördüğünüz gibi Css3 sayesinde html elemanlarına birden fazla arkaplan resmi uygulayabiliriz.

Bu div elemanının arkaplanında bir desen resmi, bir de şirin resmi kullanılmıştır.

Aşağıda gösterildiği gibi;

Kullanılacak tüm resimler aralarına virgül konarak belirtilir.
En soldaki yani ilk yazılan resim en altta görünecektir.
Her resmin yerleşim (position) özelliği ve nasıl tekrar edeceği ayrı ayrı belirlenebilir.

#kutu1 {

background-image: url(resim1.jpg), url(resim2.jpg);

background-position: right bottom, left top;

background-repeat: no-repeat, repeat;

}

Bu örnek şu şekilde kısaltılarak da yazılabilir:

#kutu1 {

background: url(resim1.jpg) right bottom no-repeat, url(resim2.jpg) left top repeat;

}

arkaplana birden fazla resim koyma, çoklu arkaplan resmi kullanma, birden fazla resmi arkaplan yapma, using multiple background images css

Örnek: Birden fazla arkaplan resmi kullanma

Kendin Dene