.box {
  width: 0px;
  height: 0px;
  border-width: 100px;
  border-style: solid;
  border-color: #393 #933 #399 #993;
  border-radius:50%;
 animation-name: rotate;
animation-duration: 4s;
animation-timing-function: linear;
 animation-iteration-count:30; 
  animation-direction: alternate;
}

@keyframes rotate {
 0% {transform: rotate(90deg);}
 25% {transform: rotate(90deg);}
 50%  {transform: rotate(180deg);}
 75%  {transform: rotate(270deg);}
 100% { transform: rotate(360deg);}
}
img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:64px;
	 height:22px;
	display:inline-block;
	
	 margin: 10px auto;
	 text-align:center;
	 }
	 div.val {
		width:100%;
		margin:20px auto;
		 text-align:left}