如何在背景圖像部分上方設置背景動畫？

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