.multiback {
	width: 400px;
	height: 180px;
	padding: 10px 10px 10px 10px;
	background-color: #a0e0ff;
	background-image: url(images/grass1.png), url(images/tree1.png), url(images/clouds1.png), url(images/bluesky.png);
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
}

.multibackstart {
	background-position: 0 0, 0 0, 0 0, 0 0;
}

.multibackprocess {
	-moz-transition-property: background-position;  
	-moz-transition-duration: 30s;
	-moz-transition-timing-function: linear;
	-webkit-transition-property: background-position;  
	-webkit-transition-duration: 30s;  
	-webkit-transition-timing-function: linear;
	-o-transition-property: background-position;  
	-o-transition-duration: 30s;  
	-o-transition-timing-function: linear;
	transition-property: background-position;  
	transition-duration: 30s;  
	transition-timing-function: linear;
	background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;
}

.box {
	background:#CCC;
	width: 200px;
	height: 50px;
	-webkit-transition: width 2s ease, height 2s ease;
	-moz-transition: width 2s ease, height 2s ease;
	-o-transition: width 2s ease, height 2s ease;
	-ms-transition: width 2s ease, height 2s ease;
	transition: width 2s ease, height 2s ease;
}

.box-change {
	width: 300px;
	height: 200px;
}