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

Question

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

Animation example

6h3tagsv 

Answer 1

由于所有的明星都position: absolute和动画改变他们的立场是外面的解决方案的.visual-banner一个是增加overflow: hidden到.visual-banner。

Answer 2

添加overflow:hidden到.visual-banner会解决这个问题。

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

Updated fiddle