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 }
