Cara Membuat Background dengan 3CSS (Keliatan 3D)
Ohayou Minna-san :v
Mungkin udah pagi nih :v udah jam 12 lewat :v , Mimin kece balik lagi nih >.<
Karna udah siap UN Mimin mau berbagi Tutorial nih >.< Mimin libur 2 Bulan :'v Gak tau mau ngapai selain di depan kompi , Olahraga , senang" ama temen :'v
Mimin mau berbagi tutorial Terbaru nih xD Dijamin Keren dah
"CARA MEMBUAT BACKGROUND DENGAN 3CSS (KELIATAN 3D)"
DEMO
(Scroll Kebawah)
Langsung saja di cobanya >.<
Ikuti tutorial nya dibawah xD
Pertama Silahkan Masukkan CSSnya di atas </style> / </b:skin>
.para-back {
background: url(http://s5.postimg.org/sfepw03vr/back10d.jpg) repeat;
background-size: 100% auto;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -3;
}
.para-back2 {
background: url(http://s5.postimg.org/jwneflx9j/para10c.png) repeat;
background-size: 35%;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -2;
opacity: 0.7;
}
.para-back3 {
background: url(http://s5.postimg.org/4p7ev95ev/para10d.png) repeat;
background-size: 35%;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -2;
opacity: 0.7;
}Jika sudah diletakkan CSSnya, Masukkan HTMLnya dibawah <body>
<div class='para-back' data-direction='up' data-parallax='true' data-speed='0.1'></div>
<div class='para-back2' data-direction='up' data-parallax='true' data-speed='0.5'></div>
<div class='para-back3' data-direction='up' data-parallax='true' data-speed='0.3'></div>Lalu Save Templatenya xD
CARA SETTING :
Ganti Gambar Background
.para-back {
background: url(http://s5.postimg.org/sfepw03vr/back10d.jpg) repeat;
background-size: 100% auto;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -3;}
*MERAH = LINK GAMBAR
Nah, Jika ada masalah Silahkan Komentar Dibawahnya :D
Pengunjung yang baik , pasti akan meninggalkan Komentarnya
Biarpun itu Hanya Pertamax! / Sankyuu
Jangan Lupa Like & Share yah ! (y)
No comments