23.9.11

Tutorial : Round Hover With Shadow

Author : Nabila Medan Time : 9/23/2011 11:01:00 AM Total Comment : 5 Label :


Please Do Not Copy this tutor n Put this Tutor In Your Blog !
If You Want Copy This Tutor PLEASE Create Credit From Me!
This is My Own Code n My Own Tutor.


Ikut Step Ini :

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates
2. Tekan F3 atau Ctrl+F search kod kat bawah ini :
/* Header

3. Dah jumpa ?Oke . paste kod ini pula kat ATAS kod yg korang cari tadi tu ok ?:)

/*------ 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;}


**Tukar kod colour pink mengikut color yang korang suka ok ? :)


nak cari kod warna ?
usha sini CODE COLOUR

4. Da siap . SAVE !

p/s : kegunaan tutorial ini adalah bile cursor menyentuh gambar di blog anda..ia akan terhasil satu bentuk bulat and shadow sekali..

5 comments

Monday, October 24, 2011 5:48:00 PM Delete! [Reply Comment]

kay . menjadi .

Monday, November 28, 2011 1:56:00 PM Delete! [Reply Comment]

Thanx so much akak . menjadi laa . ^^

Wednesday, December 07, 2011 10:20:00 PM Delete! [Reply Comment]

nape tak leyh yee..?
kod tu dah jumpa, then bila nk save tak leyh ...

Saturday, December 17, 2011 9:57:00 AM Delete! [Reply Comment]

tak jumpa pun code

Wednesday, January 01, 2014 1:38:00 AM Delete! [Reply Comment]

Yehet! JADIK!tp x kuar shadow

Post a Comment
Related Posts Plugin for WordPress, Blogger...