1body {
2 background: #333;
3}
4body:before {
5 content: '';
6 position: absolute;
7 margin: auto;
8 left: 0; right: 0; top: 0; bottom: 0;
9 width: 60px;
10 height: 60px;
11 border-radius: 50%;
12 border-right: solid 4px #eee;
13 border-top: solid 4px #f55;
14 background: #eee;
15 box-shadow: 0 0 0 5px #eee;
16 animation: spin 800ms linear infinite;
17}
18@keyframes spin
19{
200% {
21 transform: rotate(0deg);
22 }
2350% {
24 transform: rotate(180deg);
25 }
26100% {
27 transform: rotate(360deg);
28 }
29}