Bootstrap中的响应式动画背景？

按照说明在这里：https://davidwalsh.name/background-animation-css Bootstrap中的响应式动画背景？

我可以让图片移动，但我无法弄清楚如何使其响应。任何想法如何使这成为可能？我加入以下CSS代码：

@keyframes animatedBackground{ 
    from {background-position: 0 0;} 
    to {background-position: -1920px 0;} 
} 


#animate-area{ 
    width: 560px; 
    height: 400px; 
    background-image: url("images/japan.jpg"); 
    background-position: 0px 0px; 
    background-repeat: repeat-x; 

    animation: animatedBackground 40s linear infinite; 
}

来源

2016-07-25 Ryan G

你能发布你的代码片段吗？ – Pranjal

鉴于你的描述中的网址提供了这样一个很好的例子。按照演示。比较你的代码和演示。 – webtuts4u

只需让你的分区响应。背景将根据此设置。 –

在演示中，<div id="animate-area">宽度明确设置为560像素。尝试将其设置为width: auto;。这应该将div宽度缩放到它的容器/父级的宽度。

来源

2016-07-25 09:23:32 paddybasi

Bootstrap中的响应式动画背景？

回答

相关问题