Senin, 05 Maret 2018

Cara Membuat Gambar Bertumpuk Menggunakan CSS

Cara Membuat Gambar Bertumpuk Menggunakan CSS

Bila biasanya kalian membuat gambar itu satu - satu, kali ini saya akan mengajarkan kalian bagaimana cara menumpuk gambar menggunakan css, dan juga caranya mudah banget loh. Langsung aja simak tutorial dibawah.

Pertama

Untuk isi folder kali ini saya menggunakan hanya satu file saja untuk contoh, yakni file html. Untuk strukturnya seperti ini.
Cara Membuat Gambar Bertumpuk Menggunakan CSS

Kedua.

Copy dan paste code berikut, bila kalian hanya ingin kode css-nya saja kalian tinggal copy paste bagian style saja.

Ketiga

Simpan dan lihat hasilnya. Bila kalia mengikuti petunjuk saya dengan benar maka akan menjadi seperti ini.
Cara Membuat Gambar Bertumpuk Menggunakan CSS
Selanjutnya tinggal kalian variasikan sendiri, entah itu memindahkan posisinya, mengganti warna, ataupun yang lainnya. Nah bagaimana? cukup mudah bukan? bila kalian ada kendala ataupun pertanyaan silahkan berkomentar ya. Itu saja untuk tutorial kali ini ya, sampai jumpa di tutorial selanjutnya.

Download Source Code


EmoticonEmoticon