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]:

z y r a said...

kalau kita guna ni, header akan jadi rainbow effect jugak ke?

Anyong :) said...

kite guna tau

Mustika Azidin said...

Guna. LAWA sangat :D

Amiee BD said...

Awesome nyaa *-*

Nurul AtiQah said...

@z y r a : Yup :)
@All : Thanks. silakan :)

Nur Faie said...

Assalamualaikum kakak ^ ^ Thanks for sharing . Btw , kakak di tag : http://cikanehtapicute.blogspot.com/2012/12/cubaan-berani-mati.html

GєmukϟPєη∂єk ヅ ‏ ‏ said...

Tak menjadi lah kak. Awat nehh?

rajaayn said...

Saye guna eh Kak . Hehe .

Nurin said...

Thankss kak

Siti Aisyah said...

saya amik...thankKyu...

puteri balqis shahrulnizam said...

nape x menjadi ye??

izzati athirah said...

trimas....

Alya Rawrr said...

Mintak re tutor ye kak ^^

Brenda CJ said...

menjadi :) tq

Brenda CJ said...

menjadi. sy guna tau :) tq

Aqmal Aqil Asri said...

Thanks for the tuto :)

alya rahimah said...

aku re-post ya.. aku sertakan credit kok

Fatin Nabila said...

ok thx, dh jdi

Mutiara Nurul Izzati said...

thankss!! berguna banget kakk :)