Saya akan sedikit membahas
trik agar gambar background pada css menjadi full satu layar. Banyak dari teman-teman sering kecewa disaat mengganti Bacground blognya terkadang tidak sesuai yang diharapkan, Tentunya
dengan ukuran gambar apapun akan bisa diterapkan pada blog kita.
Triknya sangat mudah kita hanya perlu satu property yaitu "background-size:".Yaps itulah property untuk membuat gambar pada latar background menjadi layar penuh. Saya akan beri sedikit contoh:
Triknya sangat mudah kita hanya perlu satu property yaitu "background-size:".Yaps itulah property untuk membuat gambar pada latar background menjadi layar penuh. Saya akan beri sedikit contoh:
body {background: url(http://alamat gambar kamu.com);margin:0;padding:0;background-size:100% 100%}
Sobat bisa mengganti angka 100% menjadi berapapun semau sobat,tapi kalau ukuran satu layar penuh makan gunakan background-size:100% 100%.Property background-size bisa digunakan diberbagai element css contoh di header,content,post dll.
Memang secara kualitas gambar menjadi sangat menurun,tapi bagi saya sudah cukup lumayan bagus. Yang penting sobat tidak repot membuat gambar dengan ukuran yang sangat besar.
Untuk masalah loading juga lumayan ringan sob,jadi tak ada salahnya jika sobat berkreasi membuat sesuatu yang baru dengan css.Demikian sobat postingan saya hari ini,semoga bermanfaat untuk sobat.
Semoga bermanfaat...!
0 komentar:
Posting Komentar