2015-05-19T23:52:00.000-07:00
filter:invert(51%) sepia(100%) hue-rotate(153deg) saturate(100%);
-webkit-filter: invert(51%) sepia(100%) hue-rotate(153deg) saturate(100%);
-moz-filter: invert(51%) sepia(100%) hue-rotate(153deg) saturate(100%);
-o-filter: invert(51%) sepia(100%) hue-rotate(153deg) saturate(100%);
-ms-filter: invert(51%) sepia(100%) hue-rotate(153deg) saturate(100%);This *should* display them in fancy colours(lightblue) below. if it doesn't your browser doesn't support standards. Go figure out the long route to achieve this(svg, IE dx filters, magic?) Now the order in which the filter arguments appear are important. Let me explain what they do invert(69%) Turn the image gray ish colour so there is something to play with. sepia(100%) Turn the gray into a teal colour so we have a hue to play with. hue-rotate(-202%deg) Spin the colour wheel to a different colour. saturate(100%) set the intensity of the colour.