Code Snippets

WordPress sql count meta values and group by meta keys

Grayscale image and color on hover

Thanks to this answer: http://stackoverflow.com/questions/7273927/image-greyscale-with-css-re-color-on-mouse-over
[cc lang=”css” escaped=”true” width=”100%” theme=”default” line_numbers=”on” lines=”-1″]
img.grayscale {
filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

/*ANIMATION */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

img.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}