FIFIANGGR - Personal Blog: Image Hover #2 (Image Melengkung)

Image Hover #2 (Image Melengkung)

03/02/16

Untuk template classic
1. Dashboard > Template
2. Press Ctrl+f secara bersamaan dan cari code </style>
3. Kemudian copy code di bawah

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;
}

4. Paste di atas code </style> for blogskin

5. Preview & save.

Template Designer
1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Press Ctrl + f secara bersamaan dan cari code ini

/* Header
----------------------------------------------- */

3. Kemudian, copy code di bawah ini

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;
}