Image magnify merupakan salah satu kesan khas yang digunakan terhadap gambar yang dipost dalam sesebuah entri untuk mencantikkan dan menjadikan ianya lebih unik berbanding kaedah² yang melihat gambar yang lain.
Contoh gambar yang diaplikasikan image magnify ini boleh dilihat di bawah...
Contoh gambar yang diaplikasikan image magnify ini boleh dilihat di bawah...
Dengan menggunakan image magnify, gambar dapat dipertontonkan kepada pengunjung samada untuk diperbesarkan atau diperkecilkan tanpa memerlukan dibuka kepada new tab. dan yang menariknya cara zoom in dan zoom out ini mempunyai kesan khas yang menakjubkan.
Berikut adalah tutorial untuk image magnify ini :-
1. Log in > Dashboard > Design > Edit Html
2. Tekan Ctrl F serentak , dan cari kod ini :
3. Dah jumpa ? Copy pulak kod di bawah ini erk ? :<head>
4. Paste kan di bawah kod yang korang carikan tu eh .<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. Then , SAVE !
6. Sekarang , cuba intai gambar di entry korang ? Membesar tak ?
Suka tutorial ini.?
0 comments:
Post a Comment