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 :
Oke jika sudah sekarang kita ke fungsi dari CSS nya :
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 😀