Tutorial - Image Hover (Gambar melengkung)


Cube sentuh gambar ni : 

jadi bulat ken ? hehe.. jom la try buat.
Tapi.. HANYA UNTUK TEMPLATE DENIM & MINIMA sahaja.
template lain zaty taktau pulak..


1. Dashboard > Design > Edit HTML
* Tick 
Expand Widget Templates

2. Tekan CTRL+F dan masukkan code ni :

.post img, table.tr-caption-container {

3. Copy CODE kat bawah ni dan pastekan di
BAWAH code yang korang cari tadi :
opacity: .70;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
border-radius:10px;}
img:hover{
border-radius:200px;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
opacity: 100.0; }

4. Tekan preview dan save .


Thank You sebab baca entry ni . Jangan lupa like dan komen .

6 comments:

Zharif Azis said...

jalan2 sini sambil follow ^^

Anonymous said...

minat haha ea..running man daebak !

SoLy SoLicious said...

waaahh... itu haha.. hee... comel la..bile kite p kat gmbr tu, jadik lengkung...cayyaaallaahh

farisha fadzly said...

hoho... lps berbuke kang nak cube ...