н ι α т υ ѕ —

Tutorial : Rainbow Image Effect (Blogskin)

Tumblr_mff28xafjf1rbavh7o1_500_large

Assalamualaikum and annyeonghaseyo. Selamat pagi. Hari ni tieqa nak share cara untuk letak effect warni-warni pada gambar. Korang boleh halakan cursor pada gambar untuk lihat contohnya.

1. Dashboard > Template

2. Press Ctrl + f serentak dan cari code </style>

3. Copy code dekat bawah ni

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);

}

4. Paste di atas code </style>

5. Preview & save.

19 comment [s]:

hxzrh said...: kalau kita guna ni, header akan jadi rainbow effect jugak ke?; December 23, 2012 at 2:24 PM [REPLY]
Anyong :) said...: kite guna tau; December 23, 2012 at 5:56 PM [REPLY]
Unknown said...: Guna. LAWA sangat :D; December 24, 2012 at 1:19 AM [REPLY]
Unknown said...: Awesome nyaa *-*; December 24, 2012 at 3:45 AM [REPLY]
atiqahjaidin said...: @z y r a : Yup :)
@All : Thanks. silakan :); December 24, 2012 at 10:10 AM [REPLY]
Unknown said...: Assalamualaikum kakak ^ ^ Thanks for sharing . Btw , kakak di tag : http://cikanehtapicute.blogspot.com/2012/12/cubaan-berani-mati.html; December 24, 2012 at 10:53 AM [REPLY]
nrfarahinn said...: Tak menjadi lah kak. Awat nehh?; January 14, 2013 at 4:45 PM [REPLY]
Raja Ayn said...: Saye guna eh Kak . Hehe .; January 31, 2013 at 5:27 PM [REPLY]
Nurin said...: Thankss kak; February 28, 2013 at 5:06 PM [REPLY]
Siti Aisyah said...: saya amik...thankKyu...; April 16, 2013 at 8:39 PM [REPLY]
Puteri Balqis said...: nape x menjadi ye??; May 3, 2013 at 11:09 PM [REPLY]
Athirah Zakaria said...: trimas....; May 8, 2013 at 3:44 PM [REPLY]
Nur Alya said...: Mintak re tutor ye kak ^^; August 17, 2013 at 10:36 AM [REPLY]
Brenda CJ said...: menjadi :) tq; September 13, 2013 at 11:14 PM [REPLY]
Brenda CJ said...: menjadi. sy guna tau :) tq; September 14, 2013 at 9:46 PM [REPLY]
Aqmal Aqil Asri said...: Thanks for the tuto :); October 20, 2013 at 1:29 PM [REPLY]
alya said...: aku re-post ya.. aku sertakan credit kok; May 26, 2014 at 4:08 PM [REPLY]
Fatin Nabila said...: ok thx, dh jdi; March 18, 2015 at 9:46 AM [REPLY]
Mutiara Nurul I said...: thankss!! berguna banget kakk :); March 27, 2015 at 7:26 PM [REPLY]