Ajax Loader
HTML 
<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
1
<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
2
 
3
<h1>Super Mario in CSS</h1>
4
 
5
<div class="canvas"></div>
 
CSS 
.canvas {
1
.canvas {
2
  margin-left: 16%;
3
  margin-right: auto;
4
  width: 10px;
5
  height: 10px;
6
  box-shadow: 230px 40px #d82800,
7
  240px 40px #d82800,
8
  250px 40px #d82800,
9
  260px 40px #d82800,
10
  270px 40px #d82800,
11
  220px 50px #d82800,
12
  210px 50px #d82800,
13
  230px 50px #d82800,
14
  240px 50px #d82800,
15
  250px 50px #d82800,
16
  260px 50px #d82800,
17
  200px 60px #d82800,
18
  200px 70px #d82800,
19
  210px 70px #d82800,
20
  230px 70px #d82800,
21
  250px 70px #d82800,
22
  270px 70px #d82800,
23
  280px 70px #d82800,
24
  290px 70px #d82800,
25
  300px 70px #d82800,
26
  260px 70px #d82800,
27
  260px 60px #fc9738,
28
  250px 60px #d82800,
29
  240px 60px #d82800,
30
  220px 60px #d82800,
31
  210px 60px #d82800,
32
  220px 70px #d82800,
33
  230px 60px #d82800,
34
  240px 70px #d82800,
35
  270px 50px #fc9738,
36
  270px 60px #fc9738,
37
  230px 80px #fc9738,
38
  240px 80px #fc9738,
39
  260px 80px #fc9738,
40
  270px 80px #fc9738,
41
  280px 80px #fc9738,
42
  200px 80px #886f00,
43
  210px 80px #886f00,
44
  220px 80px #886f00,
45
  220px 90px #886f00,
46
  220px 100px #886f00,
47
  220px 110px #886f00,
48
  230px 100px #886f00,
49
  230px 110px #886f00,
50
  190px 90px #886f00,
51
  190px 100px #886f00,
52
  190px 110px #886f00,
53
  190px 120px #886f00,
54
  190px 130px #886f00,
55
  180px 130px #886f00,
56
  180px 120px #886f00,
57
  180px 110px #886f00,
58
  200px 130px #886f00,
59
  200px 140px #886f00,
60
  210px 140px #886f00,
61
  210px 160px #886f00,
62
  250px 80px #886f00,
63
  250px 90px #886f00,
64
  260px 90px #886f00,
65
  270px 110px #886f00,
66
  260px 120px #886f00,
67
  250px 120px #886f00,
68
  260px 130px #886f00,
69
  270px 120px #886f00,
70
  270px 130px #886f00,
71
  280px 120px #886f00,
72
  280px 130px #886f00,
73
  290px 120px #886f00,
74
  290px 130px #886f00,
75
  300px 120px #886f00,
76
  300px 130px #886f00,
77
  210px 170px #886f00,
78
  200px 170px #886f00,
79
  190px 180px #886f00,
80
  200px 180px #886f00,
81
  210px 180px #886f00,
82
  190px 190px #886f00,
83
  180px 190px #886f00,
84
  200px 190px #886f00,
85
  210px 190px #886f00,
86
  180px 200px #886f00,
87
  190px 200px #886f00,
88
  200px 90px #fc9738,
89
  210px 90px #fc9738,
90
  200px 100px #fc9738,
91
  210px 100px #fc9738,
92
  210px 110px #fc9738,
93
  200px 120px #fc9738,
94
  210px 120px #fc9738,
95
  210px 130px #fc9738,
96
  230px 130px #fc9738,
97
  250px 130px #fc9738,
98
  240px 130px #fc9738,
99
  220px 130px #fc9738,
100
  200px 110px #fc9738,
101
  230px 120px #fc9738,
102
  220px 120px #fc9738,
103
  240px 120px #fc9738,
104
  240px 110px #fc9738,
105
  240px 90px #fc9738,
106
  230px 90px #fc9738,
107
  240px 100px #fc9738,
108
  250px 100px #fc9738,
109
  250px 110px #fc9738,
110
  260px 110px #fc9738,
111
  260px 100px #fc9738,
112
  270px 100px #fc9738,
113
  270px 90px #fc9738,
114
  280px 90px #fc9738,
115
  280px 100px #fc9738,
116
  280px 110px #fc9738,
117
  290px 90px #fc9738,
118
  300px 90px #fc9738,
119
  310px 100px #fc9738,
120
  310px 110px #fc9738,
121
  300px 110px #fc9738,
122
  290px 110px #fc9738,
123
  290px 100px #fc9738,
124
  300px 100px #fc9738,
125
  290px 140px #fc9738,
126
  280px 140px #fc9738,
127
  270px 140px #fc9738,
128
  260px 140px #fc9738,
129
  250px 140px #fc9738,
130
  240px 140px #fc9738,
131
  220px 140px #fc9738,
132
  230px 140px #fc9738,
133
  220px 150px #fc9738,
134
  230px 150px #fc9738,
135
  240px 150px #fc9738,
136
  250px 150px #fc9738,
137
  260px 150px #fc9738,
138
  270px 150px #886f00,
139
  210px 150px #d82800,
140
  220px 160px #d82800,
141
  220px 170px #d82800,
142
  220px 180px #d82800,
143
  220px 190px #d82800,
144
  210px 200px #d82800,
145
  220px 200px #d82800,
146
  210px 210px #d82800,
147
  220px 210px #d82800,
148
  210px 220px #d82800,
149
  220px 220px #d82800,
150
  230px 220px #d82800,
151
  240px 220px #d82800,
152
  250px 220px #d82800,
153
  260px 220px #d82800,
154
  270px 220px #d82800,
155
  280px 220px #d82800,
156
  270px 210px #d82800,
157
  280px 210px #d82800,
158
  270px 200px #d82800,
159
  280px 200px #d82800,
160
  270px 190px #d82800,
161
  270px 180px #d82800,
162
  270px 170px #d82800,
163
  270px 160px #d82800,
164
  200px 200px #886f00,
165
  260px 160px #886f00,
166
  240px 160px #886f00,
167
  230px 160px #886f00,
168
  230px 170px #886f00,
169
  230px 180px #886f00,
170
  230px 190px #886f00,
171
  230px 200px #886f00,
172
  230px 210px #886f00,
173
  240px 210px #886f00,
174
  250px 210px #886f00,
175
  260px 210px #886f00,
176
  260px 200px #886f00,
177
  260px 190px #886f00,
178
  260px 170px #886f00,
179
  260px 180px #886f00,
180
  250px 160px #886f00,
181
  250px 170px #886f00,
182
  250px 180px #886f00,
183
  250px 190px #886f00,
184
  250px 200px #886f00,
185
  240px 200px #886f00,
186
  240px 180px #886f00,
187
  240px 170px #886f00,
188
  240px 190px #886f00,
189
  280px 160px #886f00,
190
  290px 170px #886f00,
191
  300px 180px #886f00,
192
  280px 190px #886f00,
193
  290px 190px #886f00,
194
  300px 190px #886f00,
195
  280px 180px #886f00,
196
  280px 170px #886f00,
197
  290px 180px #886f00,
198
  290px 200px #886f00,
199
  300px 200px #886f00,
200
  310px 190px #886f00,
201
  310px 200px #886f00,
202
  320px 210px #886f00,
203
  290px 210px #886f00,
204
  300px 210px #886f00,
205
  310px 210px #886f00,
206
  290px 220px #886f00,
207
  300px 220px #886f00,
208
  310px 220px #886f00,
209
  320px 220px #886f00,
210
  290px 230px #886f00,
211
  300px 230px #886f00,
212
  310px 230px #886f00,
213
  320px 230px #886f00,
214
  200px 230px #886f00,
215
  190px 230px #886f00,
216
  180px 230px #886f00,
217
  170px 230px #886f00,
218
  170px 220px #886f00,
219
  170px 210px #886f00,
220
  180px 210px #886f00,
221
  190px 210px #886f00,
222
  200px 210px #886f00,
223
  200px 220px #886f00,
224
  190px 220px #886f00,
225
  180px 220px #886f00,
226
  170px 240px #fc9738,
227
  170px 250px #fc9738,
228
  180px 250px #fc9738,
229
  190px 250px #fc9738,
230
  200px 250px #fc9738,
231
  200px 240px #fc9738,
232
  190px 240px #fc9738,
233
  180px 240px #fc9738,
234
  180px 260px #fc9738,
235
  180px 270px #fc9738,
236
  190px 270px #fc9738,
237
  190px 260px #fc9738,
238
  200px 260px #fc9738,
239
  290px 240px #fc9738,
240
  290px 250px #fc9738,
241
  290px 260px #fc9738,
242
  300px 260px #fc9738,
243
  300px 270px #fc9738,
244
  310px 270px #fc9738,
245
  320px 250px #fc9738,
246
  320px 240px #fc9738,
247
  310px 240px #fc9738,
248
  310px 250px #fc9738,
249
  310px 260px #fc9738,
250
  300px 250px #fc9738,
251
  300px 240px #fc9738,
252
  270px 230px #fc9738,
253
  220px 230px #fc9738,
254
  210px 230px #d82800,
255
  210px 240px #d82800,
256
  220px 240px #d82800,
257
  230px 240px #d82800,
258
  230px 230px #d82800,
259
  240px 230px #d82800,
260
  250px 230px #d82800,
261
  260px 230px #d82800,
262
  240px 240px #d82800,
263
  250px 240px #d82800,
264
  260px 240px #d82800,
265
  270px 240px #d82800,
266
  280px 240px #d82800,
267
  280px 230px #d82800,
268
  200px 270px #d82800,
269
  210px 270px #d82800,
270
  220px 270px #d82800,
271
  230px 270px #d82800,
272
  250px 270px #d82800,
273
  260px 270px #d82800,
274
  280px 270px #d82800,
275
  290px 270px #d82800,
276
  270px 270px #d82800,
277
  240px 270px #d82800,
278
  230px 260px #d82800,
279
  210px 250px #d82800,
280
  210px 260px #d82800,
281
  220px 260px #d82800,
282
  220px 250px #d82800,
283
  230px 250px #d82800,
284
  240px 250px #d82800,
285
  240px 260px #d82800,
286
  250px 260px #d82800,
287
  250px 250px #d82800,
288
  260px 250px #d82800,
289
  260px 260px #d82800,
290
  280px 250px #d82800,
291
  270px 250px #d82800,
292
  270px 260px #d82800,
293
  280px 260px #d82800,
294
  190px 280px #d82800,
295
  200px 280px #d82800,
296
  210px 280px #d82800,
297
  220px 280px #d82800,
298
  230px 280px #d82800,
299
  240px 280px #d82800,
300
  250px 280px #d82800,
301
  260px 280px #d82800,
302
  270px 280px #d82800,
303
  280px 280px #d82800,
304
  290px 280px #d82800,
305
  300px 280px #d82800,
306
  180px 290px #d82800,
307
  180px 300px #d82800,
308
  180px 310px #d82800,
309
  190px 310px #d82800,
310
  200px 310px #d82800,
311
  210px 310px #d82800,
312
  220px 310px #d82800,
313
  220px 300px #d82800,
314
  210px 300px #d82800,
315
  190px 300px #d82800,
316
  200px 300px #d82800,
317
  230px 290px #d82800,
318
  220px 290px #d82800,
319
  210px 290px #d82800,
320
  200px 290px #d82800,
321
  190px 290px #d82800,
322
  310px 290px #d82800,
323
  310px 300px #d82800,
324
  310px 310px #d82800,
325
  300px 310px #d82800,
326
  290px 310px #d82800,
327
  280px 310px #d82800,
328
  270px 310px #d82800,
329
  270px 300px #d82800,
330
  270px 290px #d82800,
331
  260px 290px #d82800,
332
  280px 290px #d82800,
333
  280px 300px #d82800,
334
  290px 300px #d82800,
335
  300px 300px #d82800,
336
  290px 290px #d82800,
337
  300px 290px #d82800,
338
  190px 320px #886f00,
339
  200px 320px #886f00,
340
  210px 320px #886f00,
341
  220px 320px #886f00,
342
  220px 330px #886f00,
343
  210px 330px #886f00,
344
  200px 330px #886f00,
345
  190px 330px #886f00,
346
  190px 340px #886f00,
347
  190px 350px #886f00,
348
  200px 350px #886f00,
349
  210px 350px #886f00,
350
  220px 350px #886f00,
351
  220px 340px #886f00,
352
  210px 340px #886f00,
353
  200px 340px #886f00,
354
  180px 340px #886f00,
355
  170px 340px #886f00,
356
  170px 350px #886f00,
357
  180px 350px #886f00,
358
  270px 320px #886f00,
359
  270px 330px #886f00,
360
  270px 340px #886f00,
361
  270px 350px #886f00,
362
  280px 350px #886f00,
363
  290px 350px #886f00,
364
  300px 350px #886f00,
365
  310px 350px #886f00,
366
  320px 350px #886f00,
367
  320px 340px #886f00,
368
  310px 340px #886f00,
369
  300px 340px #886f00,
370
  280px 340px #886f00,
371
  290px 340px #886f00,
372
  280px 320px #886f00,
373
  280px 330px #886f00,
374
  290px 320px #886f00,
375
  290px 330px #886f00,
376
  300px 320px #886f00,
377
  300px 330px #886f00;
378
}
379
h1 {
380
  font-family: 'Press Start 2P', cursive;
381
  text-align: center;
382
}
 
JavaScript 
/*
1
/*
2
 
3
MADE WITH Pixel Art to CSS
4
 
5
http://balajmarius.github.io/pixel-art-to-css/
6
 
7
*/
 

Super Mario in CSS

CSSDeck G+