Simple css3 greyscale image on hover

If you would like to hover over an image and make it greyscale with no hastle what so ever, then this demo is ideal for you:


img{ height: 350px; } //height is not needed

img:hover

{

-webkit-filter: grayscale(1);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

filter: gray; filter: grayscale(100%);

filter: url(desaturate.svg#greyscale);

}

Click HERE FOR DEMO

 

 

Enjoy 🙂

Simple Javascript Countdown

countdown

 

I recently needed a simple javascript countdown and thought would be easier to create one rather than using a complicated existing one. In the following demo, I’m getting date now and add only 1 minute to it for the count down. As soon as the countdown reaches zero seconds, the countdown will be hidden and another element would show.

View DEMO HERE

Continue reading