+Follow
Reload Page
EXIT

Tutorial : Image Opacity v2 *template design*

POSTED ON: Wednesday, 5 September 2012 @ 02:52 | 0 comments

image
Photobucket

Image Opacity version 1 >SINI<
Image Opacity version 2 adalah untuk image yang jelas pada mulanya 
tetapi apabila disentuhkan cursor padanya, ia akan menjadi kabur.


1. Dashboard > Design > Edit Html
2. Tekan Ctrl + F dan cari code ini :

</body>

3. Copy code  ini pulak :

.img {
filter:alpha(opacity=100);
-webkit-transition-duration:.5s;
-moz-opacity:1.00;
opacity:1.00;
}
img:hover {
filter: alpha(opacity=100);
opacity:1.00;
}

.img:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}    

4. Paste di  atas code  </body>

5. Preview dan Save.



Labels: ,


← Older / ♥ back up ♥ / Newer →
ϟMiz SaYuRiϟ
Studies ISMP Teknologi Maklumat
Worked at Kementerian Pelajaran Malaysia
from : Labis, Johor.
Current Location : Nibong Tebal, Penang


credits