Edit in JSFiddle

.load{
			width: 10px;
			height: 50px;
			background: #999999;
			box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			-webkit-animation: load 1s linear 0s infinite normal;
			-moz-animation: load 1s linear 0s infinite normal;
			-o-animation: load 1s linear 0s infinite normal;
			animation: load 1s linear 0s infinite normal;
		}

		@-webkit-keyframes load{
			0%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
			20%{
				background: #CCCCCC;
				box-shadow: 15px 0 #999999, 30px 0 #CCCCCC, 45px 0 #FFFFFF, 60px 0 #FFFFFF;
			}
			40%{
				background: #FFFFFF;
				box-shadow: 15px 0 #CCCCCC 30px 0 #999999, 45px 0 #CCCCCC, 60px 0 #FFFFFF;
			}
			60%{
				background: #FFFFFF;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #CCCCCC, 45px 0 #999999, 60px 0 #CCCCCC;
			}
			80%{
				background: #CCCCCC;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #FFFFFF, 45px 0 #CCCCCC, 60px 0 #999999;
			}
			100%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
		}

		@-moz-keyframes load{
			0%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
			20%{
				background: #CCCCCC;
				box-shadow: 15px 0 #999999, 30px 0 #CCCCCC, 45px 0 #FFFFFF, 60px 0 #FFFFFF;
			}
			40%{
				background: #FFFFFF;
				box-shadow: 15px 0 #CCCCCC 30px 0 #999999, 45px 0 #CCCCCC, 60px 0 #FFFFFF;
			}
			60%{
				background: #FFFFFF;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #CCCCCC, 45px 0 #999999, 60px 0 #CCCCCC;
			}
			80%{
				background: #CCCCCC;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #FFFFFF, 45px 0 #CCCCCC, 60px 0 #999999;
			}
			100%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
		}

		@-o-keyframes load{
			0%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
			20%{
				background: #CCCCCC;
				box-shadow: 15px 0 #999999, 30px 0 #CCCCCC, 45px 0 #FFFFFF, 60px 0 #FFFFFF;
			}
			40%{
				background: #FFFFFF;
				box-shadow: 15px 0 #CCCCCC 30px 0 #999999, 45px 0 #CCCCCC, 60px 0 #FFFFFF;
			}
			60%{
				background: #FFFFFF;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #CCCCCC, 45px 0 #999999, 60px 0 #CCCCCC;
			}
			80%{
				background: #CCCCCC;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #FFFFFF, 45px 0 #CCCCCC, 60px 0 #999999;
			}
			100%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
		}

		@keyframes load{
			0%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
			20%{
				background: #CCCCCC;
				box-shadow: 15px 0 #999999, 30px 0 #CCCCCC, 45px 0 #FFFFFF, 60px 0 #FFFFFF;
			}
			40%{
				background: #FFFFFF;
				box-shadow: 15px 0 #CCCCCC 30px 0 #999999, 45px 0 #CCCCCC, 60px 0 #FFFFFF;
			}
			60%{
				background: #FFFFFF;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #CCCCCC, 45px 0 #999999, 60px 0 #CCCCCC;
			}
			80%{
				background: #CCCCCC;
				box-shadow: 15px 0 #FFFFFF, 30px 0 #FFFFFF, 45px 0 #CCCCCC, 60px 0 #999999;
			}
			100%{
				background: #999999;
				box-shadow: 15px 0 #CCCCCC, 30px 0 #FFFFFF, 45px 0 #FFFFFF, 60px 0 #CCCCCC;
			}
		}

<h1>CSS animation</h1>
<div id="box">
    <div class="load"></div>
<div>