我如何在css中从filter blur()中删除屏幕周围的阴影？

kknvjkwl 于 2023-10-21 发布在其他

关注(0)|答案(1)|浏览(108)

enter image description here
如何删除屏幕周围的阴影？？？滤镜模糊会使这个阴影

&::before {
        content: "";
        position: absolute;
        background: linear-gradient(to right, rgba(11, 11, 11, 0.766), rgba(11, 11, 11, 0.766)) , url('/Obrazek\ 1.jpeg');
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-color: black;
        filter: blur(20px);
      }

我尝试使用背景过滤器，但它不工作

css

来源：https://stackoverflow.com/questions/77276110/how-can-i-remove-shadow-around-screen-from-filter-blur-in-css

1条答案

按热度按时间

4bbkushb1#

对过滤块使用backdrop-filter或负向滤波器：

body {
  position: relative;
  background: linear-gradient(to bottom, blue,yellow);
  display: grid;
  place-items: center;
  min-height: 100dvh;
  padding: 16px;
  margin: 0;
}

body:after {
  content: '';
  position: absolute;
  background: rgba(11, 11, 11, 0.2);
  inset: 0;
  backdrop-filter: blur(2px);
}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, corporis, eos, eaque ex ad porro provident vel iusto dolor accusamus quo dolore animi odit dolorum vero aspernatur magnam rerum hic optio illum est soluta deserunt maiores in ut. Voluptatibus, quod, et, quae quas asperiores quis id rerum molestias reiciendis exercitationem magnam ipsam iusto atque doloremque recusandae laboriosam eveniet voluptatum cumque ipsum est! Perferendis, cupiditate, architecto a cumque libero nihil ut in modi iste magnam fugit porro nulla cum qui ab!

赞(0）回复(0）举报 2023-10-21

我来回答

我如何在css中从filter blur()中删除屏幕周围的阴影？

1条答案

相关问题

热门标签

最新问答