Melanjutkan dari sesi sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara membuat hover image scale di HTML Dan CSS Part2, jika pada sesi yang sebelumnya seperti yang terlihat pada kode HTML tersebut, dimana setiap kode transform scale3d() yang akan teman-teman gunaka adalah pada tag img yang ada di dalam element atau selektor kotak. Dan untuk value dari property transform scale3d() tersebut dimana ketika gambar di sorot atau di hover, maka akan menjalankan property transform scale3d yang berbeda value dari transform yang sebelumnya sudah teman-teman buat. Untuk melanjutkan langkah-langkah penggunaan dari penjelasan sebelumnya, langsung saja teman-teman bisa ikuti tahapan kelanjutannya seperti di bawah ini.

Berikut Langkah-Langkah Lanjutannya, seperti di bawah ini :

  • Jika teman-teman sudah menyimpan file index.html yang sudah dibuat sebelumnya.
  • Selanjutnya teman-teman buat lagi satu buah file css dengan nama style.css sejajar dengan file index.html sebelumnya, dan ketikan kode seperti berikut :

  • Jika sudah, teman-teman save terlebih dahulu file index.css tersebut dan lihat hasilnya pada browser teman-teman.

Sampai disini penjelasan saya mengenai cara membuat hover image scale di HTML Dan CSS, terima kasih.