CSS3 in Load

. loader {  Margin:6em auto;  font-size:10px;  position:relative;  Text-indent: -9999em;  Border-top:1.1em Solid Rgba (255, 255, 255, 0.2);  Border-right:1.1em Solid Rgba (255, 255, 255, 0.2);  Border-bottom:1.1em Solid Rgba (255, 255, 255, 0.2);  Border-left:1.1em solid #ffffff;  -webkit-animation:load8 1.1s infinite linear;  Animation:load8 1.1s infinite Linear;}. loader,.loader:after {  border-radius:50%;  Width:10em;  Height:10em;} @-webkit-keyframes Load8 {  0% {    -webkit-transform:rotate (0deg);    Transform:rotate (0deg);  }  100% {    -webkit-transform:rotate (360deg);    Transform:rotate (360deg);  }} @keyframes Load8 {  0% {    -webkit-transform:rotate (0deg);    Transform:rotate (0deg);  }  100% {    -webkit-transform:rotate (360deg);    Transform:rotate (360deg);  }}

Html:

<div class= "Load-container load8" >      <div class= "loader" > Load ...</div> <a      href= "#load8" >< Source Code ></a></div>