Tutorial : Image Opacity v2 *template design*
POSTED ON: Wednesday 5 September 2012 @ 02:52 | 0 comments
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: tutorial blogger, tutorial image