


Assalamualaikum dan hey!
Hello :) hey korang hari ini zatie buat tutorial image membesar bila cursor menyentuh :) kalau tak faham apa yang zatie cakap, jom kita cuba :D
Blogskin users
Dashboard > Template > Tekan CTRL+F Serentak
kemudian cari kod
</style>
Template Designer Users
Dashboard > Design > Edit HTML > Tick Expand Widget Templates
kemudian cari code
/* Header
Lepastu copy code dibawah ini dan paste kan di atas code </style> atau /* Header tadi.
img {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transition: 0.5s;
-webkit-transition: 0.5;
}
Preview, cuba halakan cursor dekat mana2 gambar. Kalau jadi save.
0 Comments:
Post a Comment
Assalamualaikum and Hey!
If you want to comment here,
please use good language. THANK YOU! ♥ ツ