Günümüzde CSS3 ve HTML5 teknolojileri ile beraber çok şık tasarımlar ortaya çıkmakta biz bu örneğimizde CSS3’ün bazı özelliklerini kullanarak tam ekran arkaplan’ın nasıl yapıldığını göreceğiz.
CSS3 Tam Ekran Arkaplan Örneği
Arkaplanı html etiketine tam ekran olarak sığdırmak için alttaki CSS
kodunu kullanmalısınız.
CSS
1 2 3 4 5 6 7 | html { background: url(http://lorempixel.com/1920/1080/animals/) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } |