模糊的背景视频与定义的边缘

时间:2015-01-31 23:18:27

标签: html css css3 video blur

这是我的背景视频的截图。

enter image description here

我尝试为视频设置负边距并溢出:隐藏到包装器中,因为它解释为here,但它不起作用...也许是因为视频位置:固定?

以下是代码:

#videowrapper {
    height: 100vh;
    background: black;
}

video {
    position: fixed; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: 0;
    filter: blur(20px);
}

如何在保持边缘定义的同时模糊视频?

0 个答案:

没有答案