Modifying map tiles in the browser with CSS

Whoa. Browser support for this is crap right now (current Firefox and IE releases are out), but…whoa. This could be incredibly handy down the road.

1 | -webkit-filter: none |

1 | -webkit-filter: hue-rotate(180deg) invert(100%) saturate(30%) |

1 | -webkit-filter: hue-rotate(50deg); |

1 | -webkit-filter: grayscale(100%); |

1 | -webkit-filter: sepia(100%); |

1 | -webkit-filter: blur(2px); |

1 | -webkit-filter: brightness(115%); |

1 | -webkit-filter: invert(100%); |

1 | -webkit-filter: saturate(3); |