Ajax Loader
HTML 
#wrapper
1
#wrapper
2
  .circle.one
3
    .circle
4
      .circle
5
        .circle
6
          .circle
7
            .circle
8
              .circle
9
                .circle
10
                  .circle
11
                    .circle
12
  .circle.two
13
    .circle
14
      .circle
15
        .circle
16
          .circle
17
            .circle
18
              .circle
19
                .circle
20
                  .circle
21
                    .circle
22
  .circle.three
23
    .circle
24
      .circle
25
        .circle
26
          .circle
27
            .circle
28
              .circle
29
                .circle
30
                  .circle
31
                    .circle
32
%p Infinite loader
 
CSS 
body
1
body
2
  background: #F9F9F9
3
 
4
#wrapper
5
  position: absolute
6
  left: 0
7
  right: 0
8
  top: -200px
9
  width: 320px
10
  margin: 10px auto
11
  transform: scale(.4)
12
.circle
13
  padding: 8px
14
  border: 8px solid rgba(0, 0, 0, 0)
15
  border-radius: 400px
16
  animation: left 2s linear infinite ,roll 3s linear infinite
17
 
18
.two
19
  animation: lefttwo 2s linear infinite, roll 3s linear infinite
20
  .circle
21
    animation: lefttwo 2s linear infinite, roll 3s linear infinite
22
 
23
.three
24
  border-radius: 90px
25
  animation: lefttwo 3s ease infinite reverse, roll 3s linear infinite
26
  .circle
27
    border-radius: 90px
28
    animation: lefttwo 3s ease infinite reverse, roll 3s linear infinite
29
 
30
.one
31
  width: 288px
32
  height: 288px
33
 
34
@-webkit-keyframes roll
35
  0%
36
    transform: rotate(0deg)
37
  100%
38
    transform: rotate(360deg)
39
 
40
 
41
@-webkit-keyframes left
42
  0%
43
    border-: 8px solid rgba(0, 0, 0, 0)
44
  50%
45
    border-left: 8px solid #00b7f2
46
  100%
47
    border-: 8px solid rgba(0, 0, 0, 0)
48
 
49
 
50
@-webkit-keyframes lefttwo
51
  0%
52
    border-: 8px solid rgba(0, 0, 0, 0)
53
  50%
54
    border-left: 8px solid #000
55
  100%
56
    border-: 8px solid rgba(0, 0, 0, 0)
57
 
58
 
59
p
60
  text-align: center
61
  color: #999
 

Infinite loaders (Haml & SASS)

CSSDeck G+