如何仅在背景图像部分上方设置背景动画

Question

我提供了背景动画示例。在片段中，图像上面有星星动画。我的问题是动画重叠以剩余的页面。我只希望该动画在图像上方。我不希望在图像下方的红色背景部分上方的动画。

动画示例

6h3tagsv

Answer 1

将overflow:hidden添加到.visual-banner将解决此问题。

.visual-banner {
   /* other props */
   overflow:hidden;
}

更新了小提琴

Answer 2

，因为您所有的星星都是position: absolute，并且您的动画将其位置更改为在.visual-banner之外，其中一种解决方案是将overflow: hidden添加到.visual-banner中。