Lavenders Inc.

Tutorial : Image Hover Rainbow

Sunday, June 28, 2015 - Permalink - 0 Comments

Hi...Guys

I want share tuto for u

IF U WANT REPOST

GIVE ME A CREDIT

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 .