toturial round hover with shadow
Sunday, May 22, 2011 ❖ 1:25 AM ❖
4 talks heyy guys...
hehe nk share nn korang nie....
cm ne nk buad
round hover with shadow..
tau x bnde alaa tuu yg mne stuu...
aloorhh bilee korang
sentuhh kad mne picture akuu
dea akan jd mlengkung n ad
shadow wrne pink...
lauuu xpercaya
py la tryy...
hahha
tuu la yang akuu nk ajrr kad korunkkk
heheh
exactly tuto ni d request kan olehh
sorang budak comel
da lme da dea mnx tlong tpi xad mse nk buad heheh
soryy
nme budak tu pon akuu da lupaa....
ehhe
ok la jomm start
1:dashboard>design>edit HTML>Tick Expand Widget Template
2:korunkk tekan Ctrl+F untukk cri kod kad bwah nie
3:da jmp copy plak kod kad bwh nie
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}
4:paste kan kad atas kod yg korang crik td ok...
5:yg wrne pink tuu boleyy tuka dgn
code colour yg korunk nkk ok..
6:priview n kalu da puas hatii boley save..
da ciap...
sp2 nk jmp boleyy cubaa okk n klau da jd cpt2 bgtau cye...
ok bye
OLD ❖ NEW
Adda Elle , 21 y/o, Fiance's Mr Rozi,! Welcome to my blog! Please be nice here and don't forget to follow me !?
AdaaRaudah
Template Designer: Aien
Editor: Nana Euphemia
Other: ✿ ✿ ✿
toturial round hover with shadow
Sunday, May 22, 2011 ❖ 1:25 AM ❖ 4 talks heyy guys... hehe nk share nn korang nie.... cm ne nk buad round hover with shadow.. tau x bnde alaa tuu yg mne stuu... aloorhh bilee korang sentuhh kad mne picture akuu dea akan jd mlengkung n ad shadow wrne pink... lauuu xpercaya py la tryy... hahha tuu la yang akuu nk ajrr kad korunkkk heheh exactly tuto ni d request kan olehh sorang budak comel da lme da dea mnx tlong tpi xad mse nk buad heheh soryy nme budak tu pon akuu da lupaa.... ehhe ok la jomm start 1:dashboard>design>edit HTML>Tick Expand Widget Template 2:korunkk tekan Ctrl+F untukk cri kod kad bwah nie
3:da jmp copy plak kod kad bwh nie
/*------ IMAGE ANIMATION------*/ img {filter:alpha(opacity=100); -webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;} -moz-opacity:1.0; opacity:1.0; } img:hover { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:.80; } u { text-decoration:underline; border-bottom: 2px dotted #ff0080; padding: 0px; } 4:paste kan kad atas kod yg korang crik td ok... 5:yg wrne pink tuu boleyy tuka dgn code colour yg korunk nkk ok.. 6:priview n kalu da puas hatii boley save.. da ciap... sp2 nk jmp boleyy cubaa okk n klau da jd cpt2 bgtau cye... ok bye OLD ❖ NEW
|