使用CSS-Filters-Polyfill时隐藏羽状边缘

时间:2013-11-11 08:50:14

标签: javascript css

我正在尝试找到一种解决方法,即在CSS-Filters-Polyfill(https://github.com/Schepp/CSS-Filters-Polyfill)中使用模糊功能时遇到的问题。当内容模糊时,我会得到一个羽毛或模糊的边缘,我试图在模糊的内容周围获得锐利的边缘。

我已经向Polyfilter的作者提出了这个问题,他建议将overflow:hidden应用于父容器。这有所帮助,但是如果浏览器的比例发生变化,它仍会显示容器的左右两侧,红色背景可以窥视。

以下是我正在烹饪的例子http://codepen.io/0leg/full/CzLIF。如果图像周围有清晰的边缘,请减小浏览器窗口的高度,同时保持边缘尽可能宽。

代码段信用:Codrops - Nifty Modal Window Effects

0 个答案:

没有答案