Html CSS滤镜模糊和对比度，实现粘性效果

在这种情况下，粘性效果似乎不适用于css过滤器。我使用了

过滤器：模糊（10px）对比度（30）但它只显示模糊效果。我希望结果是粘性的。
好吧，你链接的页面不再有效，但如果我猜对了，你应该使用透明背景色！类似于背景图像：，rgba（，）
这是如何使用：
过滤器：模糊（10px）对比度（30）。您需要添加
背景：白色到容器。此外，在容器的限制和圆圈之间还需要一些额外的空间，因此我添加了
padding:100px


正文{
宽度：100vw；高度：100vh；
显示：网格；
放置项目：中心；
}
.集装箱{
显示器：flex；
弯曲方向：立柱；
背景：白色；
填充：100px；
滤镜：模糊（15px）对比度（30）；
}
.圆圈{
宽度：100px；高度：100px；
背景色：红色；
/*边界半径：100%*/
}
.圆圈-1{
边界半径：50%；
/*顶部：50px；
边框：5px纯黑*/
变换：translateY（20px）；
}
.圆圈-2{
边界半径：95%5%70%30%/52%30%70%48%；
变换：旋转（-180度）；
}

感谢您提供了有趣的答案和有用的链接。谢谢您的回答。我猜我错编辑了codepen上的同一链接。很抱歉；）