发现filter blur一个好玩的效果
css吧
全部回复
仅看楼主
level 2
2021年10月23日 13点10分 1
level 2
做两个容器然后设置固定背景图片,在上面设置一个模糊,就能变成像是一个幕布的效果
2021年10月23日 13点10分 2
level 2
<style> * {margin: 0; padding: 0;}
::-webkit-scrollbar {width: 0 !important}
.top {height: 100vh;background: #fff url(../imgs/1130515.jpg) no-repeat fixed center/cover; filter: blur(30px);}
.bottom {background: #fff url(../imgs/1130515.jpg) no-repeat fixed center/cover; height: 100vh;}</style>
<body> <div class="top"></div> <div class="bottom"></div></body>
2021年10月23日 13点10分 3
1