Tip: Make an Image turn Black and White on hover

[Bernard Lama]

Hi NCs,

Here is a simple tip on how to get a black and white effect when you hover over a photo post. 

For Ning 2.0:  Simply copy and paste the following code into in Advanced CSS under Design Studio.

.xg_widget_photo_index_index .xg_list_photo ul li .ib a img:hover {
-webkit-filter: grayscale(100%);
}

For Ning 3.0:  Simply copy and paste the following code into Custom CSS under Design Studio.

.matrix-item:hover {
-webkit-filter: grayscale(100%);
}

DEMO click here to launch

You can also contact me for any kind of ning custom job including ning network re-design @ [e-mail]