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 .