The Tutobies
About;
What's Happening?

Liyana Izzati. Fifteen. Seoul. I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.

Shout here;
Talk to much



Credit;
The Cretive!

© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati.

Tutorial : Image Hover Style #4
Thursday 13 December 2012 | 0 Comments
Tumblr_meh8xaptvk1r5mh0so1_500_large

Assalamualaikum . Saya nak ajar kalau kita hover image tu , dia akan jadi warna-warni . Jom mula .

For Blogskin

1. Dashboard > Template > Edit Html .
2. Tekan Ctrl+f serentak dan cari code </style>
3. Copy code 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 code tu di atas code </style>
5. Preview and Save .

For Design

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2 Press Ctrl + f serentak. cari code ni /* Header
3.Copy code 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 /* Header .
5. Save .

PASTFUTURE


Post a Comment