css3-multiple-backgrounds

Multiple backgrounds CSS3

Css3 ile gelen multiple background özelliği sayesinde, aynı elemente birden fazla arka plan görüntüleri eklenebiliyor.

Kullanımı da oldukça basit. Yapmanız gereken sadece css değerlerini “,” ile birbirinden ayırmak.

Aşağıda tek bir background özelliği tanımlanmış kutu id’sine sahip bir div görüyorsunuz.

#kutu{
	width:500px;
	height:300px;
	background-image:url(1.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100px 100px;
	}

Gelelim birden fazla background kullanmaya;

#kutu{
	width:500px;
	height:300px;
	background-image:url(1.png), url(2.png) ;
	background-repeat:no-repeat, no-repeat;
	background-position:top left, bottom right;
	background-size:100px 100px, 50px 50px;
	}
}

Bir başka blog yazımda görüşmek üzere 🙂

bulut Aylak

Full-stack web developer, Search engine optimization meraklısı, çakma filozof ve blogger.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir