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

Question

3

我提供了一个背景动画示例。在片段中，图像上方有星形动画。我的问题是动画会重叠到页面的其余部分。我希望该动画仅出现在图像上方，而不是出现在图像下面那个红色背景区域的上方。动画示例

6h3tagsv

- Navaneeth Venugopal

2个回答

1

由于您所有的星星都采用了position: absolute，并且动画将它们的位置改变到了.visual-banner之外，因此解决方案之一是在.visual-banner中添加overflow: hidden。

- Joel Almeida

谢谢兄弟，这很有帮助。 - Navaneeth Venugopal

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Adam Azad · Accepted Answer

在 .visual-banner 中添加 overflow:hidden 可以解决此问题。

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