Official Tutobies Blog by Aimi Rahim

ENTRY ABOUT LINKS TUTO F'BOOK TWITTER BLOG +1 NEWER OLDER +FOLLOW

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 Comment[s] |