ブートストラップの反応的なアニメーション背景？

Question

こちらの手順は次のとおりです。https://davidwalsh.name/background-animation-css

私は画像を動かすことができますが、どのように反応させるかを理解できません。どのようにこれを可能にするためのアイデア？私は次の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; 
} 

Answer 1

を、<div id="animate-area">の幅を明示的に560pxに設定されています。 width: auto;に設定してみてください。 divの幅をコンテナ/親の幅に合わせる必要があります。