2

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

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

这是我正在烹饪的示例http://codepen.io/0leg/full/CzLIF。如果图像周围有锐利的边缘,请降低浏览器窗口的高度,同时尽可能保持边缘宽度。

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

4

0 回答 0