Ajax Loader
HTML 
<a href="#">Animated CSS Gradient</a>
1
<a href="#">Animated CSS Gradient</a>
 
CSS 
a {
1
a {
2
  animation: bgMove 2s infinite linear;
3
  background-color: #f86;
4
  background-image:
5
    linear-gradient(60deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%),
6
    linear-gradient(-60deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%),
7
    linear-gradient(60deg, #cbb 13.5%, transparent 13.5%, transparent 86.5%, #edd 86.5%),
8
    linear-gradient(-60deg, #cbb 13.5%, transparent 13.5%, transparent 86.5%, #edd 86.5%),
9
    linear-gradient(60deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%),
10
    linear-gradient(-60deg, #dcc 13.5%, transparent 13.5%, transparent 86.5%, #fee 86.5%),
11
    linear-gradient(60deg, #cbb 13.5%, transparent 13.5%, transparent 86.5%, #edd 86.5%),
12
    linear-gradient(-60deg, #cbb 13.5%, transparent 13.5%, transparent 86.5%, #edd 86.5%),
13
    linear-gradient(45deg, #544 25%, transparent 25.5%, transparent 75%, #544 75%),
14
    linear-gradient(45deg, #544 25%, transparent 25.5%, transparent 75%, #544 75%);
15
  background-position:
16
    0em 2em,
17
    0em 2em,
18
    2em 4em,
19
    2em 4em,
20
    4em 2em,
21
    4em 2em,
22
    6em 4em,
23
    6em 4em,
24
    0em 0em,
25
    2em 2em;
26
  background-size:
27
    8em 4em,
28
    8em 4em,
29
    8em 4em,
30
    8em 4em,
31
    8em 4em,
32
    8em 4em,
33
    8em 4em,
34
    8em 4em,
35
    4em 4em,
36
    4em 4em;
37
  border: .25em solid #544;
38
  color: #fff;
39
  display: block;
40
  letter-spacing: .1em;
41
  font: bold 3em/3 impact, sans-serif;
42
  text-align: center;
43
  text-decoration: none;
44
  text-stroke: .05em #544;
45
  text-transform: uppercase;
46
}
47
@keyframes bgMove {
48
  100% {
49
    background-position:
50
      2em 4em,
51
      2em 4em,
52
      4em 6em,
53
      4em 6em,
54
      6em 4em,
55
      6em 4em,
56
      8em 6em,
57
      8em 6em,
58
      2em 2em,
59
      4em 4em;
60
  }
61
}
 
JavaScript 
/* Javascript */
1
/* Javascript */
 

Animated CSS Gradient

CSSDeck G+