Focal:使用 CSS 模糊过滤器在 CSS 3D 变换驱动的场景中模拟相机焦点

jQuery 焦点 通过根据与焦点的接近程度（通过translateZ值确定）模糊图层（使用 CSS 过滤器）来模拟 CSS 3D 转换驱动场景中的相机焦点。 演示 试用demo.html 。 浏览器支持 Chrome 18+ 野生动物园 6+ 火狐 35+ 歌剧 15+ 依赖于，特别是blur 。 在 Chrome 中运行良好，在 Safari 中运行良好。 默认情况下，Firefox 将不支持过滤器， 。 IE 像往常一样令人失望，尽管微软表示。 用法 有关工作示例，请参阅demo.html 。 在 HTML 中，创建一个容器并以像素为单位应用 CSS perspective 。 使用不同的 CSS 变换translateZ值将场景图层添加到容器中。 场景层必须是容器的子层，因为尚不支持嵌套变换。 如果需要，为所有图层上的模糊设置过渡： # container >