css加背景模糊之后如何让边缘不模糊？

Question

.video_bg{      content: "";      width:38.1vw;
      .height(50);      position:absolute;      top:0;      left:0;      //background:url(https://assets.dspunion.com/cdn-adn/v2/offersync/19/02/21/11/17/5c6e1851cf6fb.jpg) no-repeat 100% 100%;      background:url(https://assets.dspunion.com/cdn-adn/v2/offersync/19/02/21/11/17/5c6e18661de66.jpg) no-repeat center center;
      background-size:cover;
      -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);      filter: blur(5px);
      z-index: 1;
    }

设计背景图片，产品设计图是模糊的背景图片，我使用filter之后，设计反应边缘不可以模糊，有没有好的办法可以解决这个问题？我试过了：after加模糊效果是一样的，都会边缘模糊。

Answer 1

跟图没关系，你的css哪里设置有问题，写个demo看一下