Kali ini aku akan share tata cara membuat gambar membesar ketika di sentuh kursor mouse. perhatikan langkah-langkah di bawah ini.
Langkah-langkah :
1.Login blogger
2.Dashboard --> Template --> Edit HTML
3.centang Expand Template Widget dan cari kode <head>4.Letakkan kode di bawah ini di bawah <head>
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
5.Tekan pratinjau dan simpan template.
6.Selamat Mencoba
0 komentar:
Posting Komentar