Ajax Loader
HTML 
<!-- No HTML -->
1
<!-- No HTML -->
 
CSS 
/* Pure CSS Picture Frame */
1
/* Pure CSS Picture Frame */
2
 
3
html {
4
  overflow: hidden;
5
  background-color: #653845;
6
  background-image: linear-gradient(45deg, hsla(0,0%,0%,.1) 50%, transparent 50%),
7
                    linear-gradient(-45deg, hsla(0,0%,0%,.1) 50%, transparent 50%);
8
  background-size: .25em .25em;
9
  box-shadow: inset 0 0 500px hsla(0,0%,0%,.5);
10
  height: 100%;
11
  padding: 1px;
12
}
13
 
14
body {
15
  height: 300px;
16
  width: 400px;
17
  margin: -150px -200px;
18
  position: absolute;
19
  left: 50%;
20
  top: 50%;
21
  background: gray url(http://dribbble.com/system/users/13774/screenshots/423481/_111.jpg?1329144172);
22
  border: 1px solid;
23
  border-color: #bbb #999;
24
  box-shadow:
25
    0 2px 5px hsla(0,0%,0%,.4),
26
27
    inset 0 1px 0 #ccc,
28
    inset 1px 0 0 #aaa,
29
    inset 0 -1px 0 #ccc,
30
    inset -1px 0 0 #aaa,
31
32
    inset 0 2px 0 #c6c6c6,
33
    inset 2px 0 0 #a6a6a6,
34
    inset 0 -2px 0 #c6c6c6,
35
    inset -2px 0 0 #a6a6a6,
36
37
    inset 0 3px 0 #c0c0c0,
38
    inset 3px 0 0 #a0a0a0,
39
    inset 0 -3px 0 #c0c0c0,
40
    inset -3px 0 0 #a0a0a0,
41
42
    inset 0 4px 0 #b9b9b9,
43
    inset 4px 0 0 #999,
44
    inset 0 -4px 0 #b9b9b9,
45
    inset -4px 0 0 #999,
46
47
    inset 0 5px 0 #b6b6b6,
48
    inset 5px 0 0 #969696,
49
    inset 0 -5px 0 #b6b6b6,
50
    inset -5px 0 0 #969696,
51
52
    inset 0 6px 0 #b0b0b0,
53
    inset 6px 0 0 #909090,
54
    inset 0 -6px 0 #b0b0b0,
55
    inset -6px 0 0 #909090,
56
57
    inset 0 7px 0 #a9a9a9,
58
    inset 7px 0 0 #898989,
59
    inset 0 -7px 0 #a9a9a9,
60
    inset -7px 0 0 #898989,
61
62
    inset 0 8px 0 #a6a6a6,
63
    inset 8px 0 0 #868686,
64
    inset 0 -8px 0 #a6a6a6,
65
    inset -8px 0 0 #868686,
66
67
    inset 0 9px 0 #a0a0a0,
68
    inset 9px 0 0 #808080,
69
    inset 0 -9px 0 #a0a0a0,
70
    inset -9px 0 0 #808080,
71
72
    inset 0 10px 0 #888,
73
    inset 10px 0 0 #666,
74
    inset 0 -10px 0 #888,
75
    inset -10px 0 0 #666,
76
77
    inset 0 0 10px 10px hsla(0,0%,0%,.5);
78
}
 

Picture Frame Using Box Shadows

CSSDeck G+