Tutorial Hover Image I (Berwarna Warni)

07/02/2014

Assalamualaikum !

Derma sikit !! =)

1. http://curium-cr.com/my-5950536
2. http://bit.ly/1fGEbxG
3. http://curium-cr.com/my-5950628
4. http://bit.ly/Lxt1j4

Hari nieyh Nurul nak ajar cara buat Hover Image bila korunk sentuh header atau picture dalam blog korunk dia akan jadi warna-warni.Tutorial kali ini direquest oleh blogger Shud.Tanpa buang masa jom kita belajar sama-sama.

1. Dashboard >> Template >> edit HTML/Javascript
2. Tekan ctrl+F dan search code nieyh ]]></b:skin>
3. Copy code di bawah nieyh dan pastekan di ATAS code ]]></b:skin> yang kita dah cari 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);
}

Okeyh dah siap preview dulu.Kalau dah okeyh boleh save.

---

A true muslimah : never forget that Islam, which encourages her to look attractive under the permitted limits, is also the religion that's warns her against extravagance ^_^

---