/*公用*/
body {
    font-size:15px;
    padding:0;
    margin:0;
    font-family:"Courier New","Courier New",Courier New;
    background:
url('https://images.cnblogs.com/cnblogs_com/TheRoadToTheGold/979363/o_2010.12.5_1920x1200.jpg') no-repeat top center fixed;
    min-width:1200px;
  // background-size:auto;/* 默认值，不改变背景图片的高度和宽度 */
//background-size:500px 550px;/* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来等比缩放 */
//background-size:10%;/* 0％~100％之间的任何值，将背景图片宽高按百分比显示，当设置一个值的时候同也将其作为图片宽度来等比缩放 */
background-size:cover;/* 将背景图片等比缩放填满整个容器 */
//background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */
}
#home {
    opacity: 0.9;
    filter: alpha(opacity=95);
    box-shadow:0 0 10px #000;
    margin:10px auto;
    width:1000px;
    background:#fff;
    overflow:auto;
    border:solid 1px #fff;
}
<style>
@keyframes animatedBird {
0% { background-position: 20px 20px; }
50% { background-position: 30px 30px; }
100% { background-position: 300px -90px;  }
}
.animate-area {
background:url(....);
animation: animatedBird 4s linear infinite;
}
</style>
<div class="animate-area"></div>