tutorial image hover !

Tuesday, March 22, 2011 | 2 talkiey²


                                             Assalamualaikum blogger-emoticon.blogspot.com
ukeh blogger-emoticon.blogspot.com ny ad stu rquest from 2 org fren eiyna yg kiut miut lg chumel cm knk² ribena iaitu adex jatty n wawa . diorg tnye cemane na wt yg law kte snth gmbr , akn kuar border yg kaler pink tue . jum terjah blog diorg yg kiut+comel+lawa tue emoticon20. ukeh , jum stat .
first tue cm biase la , sign in blog >design >edit HTML > expanded widget .
lps tue cri kod kt bwh ny

/* Header
law na sng gne Ctrl+F . da jmpe ? pastekn kod kt bwh ny d ats kod yg korang cri td
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
-moz-box-shadow: 0 0 40px  #F778A1;
-webkit-box-shadow: 0 0 20px #F778A1;
-goog-ms-box-shadow: 0 0 20px #F778A1
box-shadow: 0 0 40px rgba(0, 0, 0, .5)
-moz-border-radius: 4em 4em 4em 4em;
border-radius: 4em 4em 4em 4em;
}
preview dlu utk mengelakkn sbrg error . law korang da berpuas aty , leh la save .

p/s> korang leh tukar tls berwarne tue mengikut kesesuaian korang :face1:



Jom talkiey²

izatty fatihah said...

wahaha. bwu jadi.
adex jaty na curi tutorial kak eiyna!
hee.

eiyna zhafirah said...

@izatty fatihah wa , bgs2 .
ha , na kne rotan ny . hihi