<div id="animate-area"></div>
#animate-area	{ 
	width: 560px; 
	height: 400px; 
	background-image: url('http://smarticle.ru/wp-content/uploads/2016/02/bg-clouds.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;

	animation: animatedBackground 40s linear infinite;
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.