Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

September 19, 2013

Tutorial Hover Image I (Berwarna Warni)

hari ini nak buat tutorial hover image effect. sebenarnya dah beberapa hari adik fatihah ni tanya. disebabkan baru sekarang nina free so nina ajar ye. hehe act hover ni akan automatik header sekali akan berwarna warni ye :)

hover image ni dari biasa >> berwarna warni 
(bila halakan cursor dekat image dia berwarna warni)

1. dashboard >> template >> edit HTML/Javascript
2. tekan F untuk search code ]]></b:skin>
3. copy code di bawah ni dan pastekan di ATAS code ]]></b:skin> tadi
img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg)
;-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
}
okay preview dulu dah okay baru lah save :)

No comments:

Post a Comment

Thank you for comment. Come again :)

WARNING!
AKTA 588, AKTA KOMUNIKASI DAN MULTIMEDIA 1998
Seseorang yang menggunakan applikasi dengan memulakan penghantaran apa-apa komen, permintaan, cadangan atau komunikasi lain yang lucah, sumbang, palsu, mengancam atau jelik sifatnya dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu orang lain; atau tanpa mendedahkan identitinya dan dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu mana-mana orang di mana-mana nombor atau alamat elektronik, adalah melakukan satu kesalahan dan boleh didenda tidak melebihi RM 50,000.00 @ dipenjarakan selama tempoh tidak melebihi 1 tahun @ kedua-duanya.