我正在用 HTML/CSS/JS 制作一个 iOS 7 风格的应用程序。我们使用了很多棘手的技术，并希望能够为元素设置动画，所以我将它们全部应用在 HTML/CSS/JS 中，而不仅仅是使用原始图像。
对于模糊，我使用的 blur.js 效果非常好——您只能在 a 后面进行模糊处理<div>，然后您可以为它周围的 div 设置动画，并且看起来非常漂亮，因为只有 div 后面的图像才会变得模糊。
不幸的是，我们还在 Photoshop 中应用了饱和度滤镜，我正在尝试复制它。看起来网络上的所有内容都表明您必须直接对图像应用去饱和度（通过类似的东西-webkit-filter:
saturate(50%);）。如果我直接对图像执行此操作，我无法在它后面的图像看起来很傻的情况下为其后面的 div 设置动画。
有什么方法可以应用去饱和“层”？我正在考虑的一种蛮力方法是使用 div 的位置来确定图像上的饱和位置，但担心这会破坏性能。