Hallo teman teman berjumpa lagi dengan saya , pada materi kali ini saya akan menberikan materi tentang membuat gambar terbelah dengan CSS3 dan memberikan bayang , oke untuk langkah awal coba teman teman buat dahulu strukturnya , saya buat strukturnya hanya memanggil gambar seperti di bawah ini :

18sep2015-agung-1

 

Oke jika sudah sekarang kita ke fungsi dari CSS nya :

18sep2015-agung-2

 

Untuk membelah gambar kita gunakan properties mask-image , untuk properties mask image ini teman teman harus menambahkan fungsi untuk mendukung pada browser seperti di atas saya menambahkan -webkit- karena jika teman teman tidak menambahkan fungsi tersebut maka fungsi untuk membelah gambar tidak akan berjalan , oke jika sudah coba dijalankan programnya , 1 lagi untuk fungsi properties mask-image belum mendukung di browser mozila jadi hanya mendukung di google chrome dan safari saja

Semoga bermanfaat 😀

 

WhatsApp chat