Image hover part 3
Friday, July 20, 2012 // 0 comments
Hello~! Image hover part 3 ini akan membuat gambar yang semula biasa saja menjadi melengkung border-nya.
Step 1.
Log in > Template > Edit HTML.
Search for this code. </style>
Step 2.
Done? Copy this code.
img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}
Paste kode tadi di ATAS kode </style>
Step 3.
Preview, lalu save.
