Image hover part 1
Friday, July 20, 2012 // 0 comments
Hello~! Image hover yang ini akan membuat gambar yang semula biasa saja, menjadi membesar jika disentuh oleh kursor.
Step 1.
Log in > Template > Edit HTML.
Search for this code. </style>
Step 2.
Done? Copy this code.
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.5s;
}
Step 3.
Preview, and click save.
