下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

			.animate-area	{ 
			background-image: url(image/twitter-logo-bird.png),url(image/treehouseFrog.png),url(image/bg-clouds.png);
			background-position: 20px -90px,30px 80px,0px 0px;
			background-repeat: no-repeat,no-repeat,repeat-x;
		}
		@keyframes animatedBird {
			from { background-position: 20px 20px,0 0; }
			to { background-position: 300px -90px,30px 20px,100% 0; }
		}
		
		.animate-area	{ 
			animation: animatedBird 6s linear infinite;
		}
		.animate-area2 {
		    width: 560px;
		    height: 190px;
		 	background-image: url(image/twitter-logo-bird.png),url(image/bg-clouds.png);
		    background-position: 20px -90px,0px 0px;
		    background-repeat: no-repeat,repeat-x;
		    animation: 4s linear 0s normal none infinite running animatedBird;
		    overflow: hidden;
		}

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。