CSS3动画设置后台登录页背景切换图片

CSS3的动画很实用很好用，简单几句话就可以做出一个好看而且过渡平滑的body背景图片，不多说，来来来，上代码

 1 body{
 2     animation:mybg 7s;
 3     -webkit-animation:mybg 7s; /* Safari and Chrome */
 4     -moz-animation:mybg 7s; /* Safari and Chrome */
 5     animation-iteration-count:infinite;
 6 }
 7 @keyframes mybg{
 8     0% {background:url(/static/admin/images/banner_1.jpg);background-size:100%;}
 9     50% {background:url(/static/admin/images/banner_2.jpg);background-size:100%;}
10     100% {background:url(/static/admin/images/banner_1.jpg);background-size:100%;}
11 }
12 /* Safari and Chrome */
13 @keyframes mybg{
14     0% {background:url(/static/admin/images/banner_1.jpg);background-size:100%;}
15     50% {background:url(/static/admin/images/banner_2.jpg);background-size:100%;}
16     100% {background:url(/static/admin/images/banner_1.jpg);background-size:100%;}
17 }
18 /* Firfox */
19 @keyframes mybg{
20     0% {background:url(/static/admin/images/banner_1.jpg);background-size:100%;}
21     50% {background:url(/static/admin/images/banner_2.jpg);background-size:100%;}
22     100% {background:url(/static/admin/images/banner_1.jpg);background-size:100%;}
23 }