Saturday 20 April 2013

Tutorial : Image Hover 1 (Melengkung)




Assalamualaikum . Hari ni aimi nak buat tutorial image hover pulak . For those yang tak tahu apa itu image hover ? Bila cursor sentuh gambar , ada effect contoh melengkung dan lain-lain . Kita mulakan dengan image hover melengkung . 

1. Dashboard > Template
2. Press F3 dan cari code </style>
3. Copy code di bawah ni 
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> tadi
5. Preview & save .

1 comments:

t said...

Untuk denim template macam mana?