Ajax Loader
HTML
<div id="bmw-logo-container">
1
<div id="bmw-logo-container">
2
      <span class="outer-ring">
3
        <span class="middle-ring">
4
          
5
          <span class="gloss"></span>
6
          
7
          <span class="letter b">B</span>
8
          <span class="letter m">M</span>
9
          <span class="letter w">W</span>
10
          
11
          <span class="middle-ring-outer">
12
          </span>
13
          <span class="middle-ring-inner">
14
            <span class="blue-top-left"><span class="blue-top-left-inner"></span></span>
15
            <span class="white-top-right"><span class="white-top-right-inner"></span></span>
16
            <span class="white-bottom-left"><span class="white-bottom-left-inner"></span></span>
17
            <span class="blue-bottom-right"><span class="blue-bottom-right-inner"></span></span>
18
          </span>
19
        </span>
20
      </span>
21
    </div>
22
 
 
CSS
/* html5doctor.com Reset Stylesheet
1
/* html5doctor.com Reset Stylesheet
2
v1.6.1
3
Last Updated: 2010-09-17
4
Author: Richard Clark - http://richclarkdesign.com 
5
Twitter: @rich_clark
6
 */
7
 
8
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
9
    margin: 0;
10
    padding: 0;
11
    border: 0;
12
    outline: 0;
13
    font-size: 100%;
14
    vertical-align: baseline;
15
    background: transparent;
16
}
17
 
18
body { line-height: 1 }
19
 
20
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
21
 
22
nav ul, ul {
23
    list-style: none;
24
    margin: 0;
25
}
26
 
27
blockquote, q { quotes: none }
28
 
29
blockquote:before, blockquote:after, q:before, q:after {
30
    content: '';
31
    content: none;
32
}
33
 
34
a {
35
    margin: 0;
36
    padding: 0;
37
    font-size: 100%;
38
    vertical-align: baseline;
39
    background: transparent;
40
    outline: 0;
41
}
42
 
43
/* change colours to suit your needs  */
44
 
45
ins {
46
    background-color: #ff9;
47
    color: #000;
48
    text-decoration: none;
49
}
50
 
51
/* change colours to suit your needs  */
52
 
53
mark {
54
    background-color: #ff9;
55
    color: #000;
56
    font-style: italic;
57
    font-weight: bold;
58
}
59
 
60
del { text-decoration: line-through }
61
 
62
abbr[title], dfn[title] {
63
    border-bottom: 1px dotted;
64
    cursor: help;
65
}
66
 
67
table {
68
    border-collapse: collapse;
69
    border-spacing: 0;
70
}
71
 
72
/* change border colour to suit your needs  */
73
 
74
hr {
75
    display: block;
76
    height: 1px;
77
    border: 0;
78
    border-top: 1px solid #cccccc;
79
    margin: 1em 0;
80
    padding: 0;
81
}
82
 
83
input, select { vertical-align: middle }
84
 
85
/* *        HadiseTV The Fanwall stylesheet
86
*        by ekar.ma | Strategy & Webdesign
87
*        url: http://www.ekar.ma
88
*        author: Erhan Karadeniz
89
   ================================================== */
90
 
91
body { font-family: 'Helvetica', Arial, Sans-Serif }
92
 
93
.clear {
94
    clear: both;
95
    height: 0;
96
    line-height: 0;
97
}
98
 
99
/* ******************************************** BMW LOGO ********
100
   ================================================== */
101
 
102
#bmw-logo-container {
103
    position: relative;
104
    width: 420px;
105
    height: 420px;
106
    margin: 0 auto;
107
    margin-top: 50px;
108
    margin-bottom: 48px;
109
}
110
 
111
.letter {
112
    color: #fff;
113
    font-size: 4.75em;
114
    position: absolute;
115
    font-weight: bold;
116
    text-shadow: 0px 2px 1px #000000;
117
    filter: dropshadow(color=#000000, offx=0, offy=1);
118
}
119
 
120
.letter.b {
121
    top: 40px;
122
    left: 59px;
123
    -moz-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
124
    -webkit-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
125
    -o-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
126
    -ms-transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
127
    transform: scale(1) rotate(-45deg) translate(0px, 0px) skew(0deg, 0deg);
128
}
129
 
130
.letter.m {
131
    top: -4px;
132
    left: 167px;
133
}
134
 
135
.letter.w {
136
    top: 40px;
137
    right: 52px;
138
    -moz-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg);
139
    -webkit-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg);
140
    -o-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg);
141
    -ms-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg);
142
    transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg);
143
}
144
 
145
.outer-ring {
146
    display: inline-block;
147
    background: #c6d8e2; /* Old browsers */
148
    background: -moz-linear-gradient(-45deg,  #c6d8e2 0%, #474a4c 100%); /* FF3.6+ */
149
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c6d8e2), color-stop(100%,#474a4c)); /* Chrome,Safari4+ */
150
    background: -webkit-linear-gradient(-45deg,  #c6d8e2 0%,#474a4c 100%); /* Chrome10+,Safari5.1+ */
151
    background: -o-linear-gradient(-45deg,  #c6d8e2 0%,#474a4c 100%); /* Opera 11.10+ */
152
    background: -ms-linear-gradient(-45deg,  #c6d8e2 0%,#474a4c 100%); /* IE10+ */
153
    background: linear-gradient(-45deg,  #c6d8e2 0%,#474a4c 100%); /* W3C */
154
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6d8e2', endColorstr='#474a4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
155
    -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 1);
156
    -moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 1);
157
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 1);
158
    width: 420px; /*200*/
159
    height: 420px; /*200*/
160
    cursor: pointer;
161
    -moz-border-radius: 210px;
162
    -webkit-border-radius: 210px;
163
    border-radius: 50%;
164
    -webkit-transition: all 0.3s ease-in-out;
165
    -moz-transition: all 0.3s ease-in-out;
166
    -o-transition: all 0.3s ease-in-out;
167
    -ms-transition: all 0.3s ease-in-out;
168
    transition: all 0.3s ease-in-out;
169
    position: relative;
170
}
171
 
172
.middle-ring {
173
    background: #000;
174
    position: absolute;
175
    display: inline-block;
176
    width: 400px;
177
    height: 400px;
178
    -moz-border-radius: 200px;
179
    -webkit-border-radius: 200px;
180
    border-radius: 50%;
181
    top: 10px;
182
    left: 10px;
183
}
184
 
185
.middle-ring-outer {
186
    background: rgb(35,39,40); /* Old browsers */
187
    background: -moz-linear-gradient(-45deg,  rgba(0,0,0,1) 0%, rgba(194,212,221,1) 100%); /* FF3.6+ */
188
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(194,212,221,1))); /* Chrome,Safari4+ */
189
    background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(194,212,221,1) 100%); /* Chrome10+,Safari5.1+ */
190
    background: -o-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(194,212,221,1) 100%); /* Opera 11.10+ */
191
    background: -ms-linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(194,212,221,1) 100%); /* IE10+ */
192
    background: linear-gradient(-45deg,  rgba(0,0,0,1) 0%,rgba(194,212,221,1) 100%); /* W3C */
193
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232728', endColorstr='#c2d4dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
194
    position: absolute;
195
    width: 270px;
196
    height: 270px;
197
    -moz-border-radius: 135px;
198
    -webkit-border-radius: 135px;
199
    border-radius: 50%;
200
    display: inline-block;
201
    top: 65px;
202
    left: 65px;
203
}
204
 
205
.middle-ring-inner {
206
    background: #000;
207
    position: absolute;
208
    width: 260px;
209
    height: 260px;
210
    -moz-border-radius: 130px;
211
    -webkit-border-radius: 130px;
212
    border-radius: 50%;
213
    display: inline-block;
214
    top: 70px;
215
    left: 70px;
216
}
217
 
218
.blue-top-left {
219
    background: rgb(191,212,229); /* Old browsers */
220
    background: -moz-linear-gradient(-45deg,  rgba(191,212,229,1) 0%, rgba(64,87,105,1) 100%); /* FF3.6+ */
221
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,212,229,1)), color-stop(100%,rgba(64,87,105,1))); /* Chrome,Safari4+ */
222
    background: -webkit-linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* Chrome10+,Safari5.1+ */
223
    background: -o-linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* Opera 11.10+ */
224
    background: -ms-linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* IE10+ */
225
    background: linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* W3C */
226
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd4e5', endColorstr='#405769',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
227
    position: absolute;
228
    width: 127px;
229
    height: 127px;
230
    -moz-border-radius-topleft: 127px;
231
    -moz-border-radius-topright: 0px;
232
    -moz-border-radius-bottomright: 0px;
233
    -moz-border-radius-bottomleft: 0px;
234
    -webkit-border-radius: 127px 0px 0px 0px;
235
    border-radius: 127px 0px 0px 0px;
236
    display: inline-block;
237
    top: 1px;
238
    left: 1px;
239
}
240
 
241
.blue-top-left-inner {
242
    background: rgb(51,152,203); /* Old browsers */
243
    background: -moz-linear-gradient(-45deg,  rgba(51,152,203,1) 40%, rgba(148,193,240,1) 99%); /* FF3.6+ */
244
    background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,rgba(51,152,203,1)), color-stop(99%,rgba(148,193,240,1))); /* Chrome,Safari4+ */
245
    background: -webkit-linear-gradient(-45deg,  rgba(51,152,203,1) 40%,rgba(148,193,240,1) 99%); /* Chrome10+,Safari5.1+ */
246
    background: -o-linear-gradient(-45deg,  rgba(51,152,203,1) 40%,rgba(148,193,240,1) 99%); /* Opera 11.10+ */
247
    background: -ms-linear-gradient(-45deg,  rgba(51,152,203,1) 40%,rgba(148,193,240,1) 99%); /* IE10+ */
248
    background: linear-gradient(-45deg,  rgba(51,152,203,1) 40%,rgba(148,193,240,1) 99%); /* W3C */
249
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3398cb', endColorstr='#94c1f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
250
    position: absolute;
251
    width: 122px;
252
    height: 122px;
253
    -moz-border-radius-topleft: 122px;
254
    -moz-border-radius-topright: 0px;
255
    -moz-border-radius-bottomright: 0px;
256
    -moz-border-radius-bottomleft: 0px;
257
    -webkit-border-radius: 122px 0px 0px 0px;
258
    border-radius: 122px 0px 0px 0px;
259
    display: inline-block;
260
    top: 2px;
261
    left: 3px;
262
}
263
 
264
.white-top-right {
265
    background: rgb(182,184,191); /* Old browsers */
266
    background: -moz-linear-gradient(45deg,  rgba(182,184,191,1) 0%, rgba(159,160,167,1) 100%); /* FF3.6+ */
267
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(182,184,191,1)), color-stop(100%,rgba(159,160,167,1))); /* Chrome,Safari4+ */
268
    background: -webkit-linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* Chrome10+,Safari5.1+ */
269
    background: -o-linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* Opera 11.10+ */
270
    background: -ms-linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* IE10+ */
271
    background: linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* W3C */
272
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b8bf', endColorstr='#9fa0a7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
273
    position: absolute;
274
    width: 127px;
275
    height: 127px;
276
    -moz-border-radius-topleft: 0;
277
    -moz-border-radius-topright: 127px;
278
    -moz-border-radius-bottomright: 0px;
279
    -moz-border-radius-bottomleft: 0px;
280
    -webkit-border-radius: 0 127px 0px 0px;
281
    border-radius: 0 127px 0px 0px;
282
    display: inline-block;
283
    top: 1px;
284
    right: 1px;
285
}
286
 
287
.white-top-right-inner {
288
    background: rgb(253,253,253); /* Old browsers */
289
    background: -moz-linear-gradient(-45deg,  rgba(253,253,253,1) 0%, rgba(165,165,165,1) 100%); /* FF3.6+ */
290
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(165,165,165,1))); /* Chrome,Safari4+ */
291
    background: -webkit-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* Chrome10+,Safari5.1+ */
292
    background: -o-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* Opera 11.10+ */
293
    background: -ms-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* IE10+ */
294
    background: linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* W3C */
295
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#a5a5a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
296
    position: absolute;
297
    width: 122px;
298
    height: 122px;
299
    -moz-border-radius-topleft: 0;
300
    -moz-border-radius-topright: 122px;
301
    -moz-border-radius-bottomright: 0px;
302
    -moz-border-radius-bottomleft: 0px;
303
    -webkit-border-radius: 0 122px 0px 0px;
304
    border-radius: 0 122px 0px 0px;
305
    display: inline-block;
306
    top: 2px;
307
    left: 2px;
308
}
309
 
310
.white-bottom-left {
311
    background: rgb(182,184,191); /* Old browsers */
312
    background: -moz-linear-gradient(45deg,  rgba(182,184,191,1) 0%, rgba(159,160,167,1) 100%); /* FF3.6+ */
313
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(182,184,191,1)), color-stop(100%,rgba(159,160,167,1))); /* Chrome,Safari4+ */
314
    background: -webkit-linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* Chrome10+,Safari5.1+ */
315
    background: -o-linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* Opera 11.10+ */
316
    background: -ms-linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* IE10+ */
317
    background: linear-gradient(45deg,  rgba(182,184,191,1) 0%,rgba(159,160,167,1) 100%); /* W3C */
318
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b8bf', endColorstr='#9fa0a7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
319
    position: absolute;
320
    width: 127px;
321
    height: 127px;
322
    -moz-border-radius-topleft: 0;
323
    -moz-border-radius-topright: 0;
324
    -moz-border-radius-bottomright: 0px;
325
    -moz-border-radius-bottomleft: 127px;
326
    -webkit-border-radius: 0 0 0px 127px;
327
    border-radius: 0 0 0px 127px;
328
    display: inline-block;
329
    bottom: 1px;
330
    left: 1px;
331
}
332
 
333
.white-bottom-left-inner {
334
    background: rgb(253,253,253); /* Old browsers */
335
    background: -moz-linear-gradient(-45deg,  rgba(253,253,253,1) 0%, rgba(165,165,165,1) 100%); /* FF3.6+ */
336
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(165,165,165,1))); /* Chrome,Safari4+ */
337
    background: -webkit-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* Chrome10+,Safari5.1+ */
338
    background: -o-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* Opera 11.10+ */
339
    background: -ms-linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* IE10+ */
340
    background: linear-gradient(-45deg,  rgba(253,253,253,1) 0%,rgba(165,165,165,1) 100%); /* W3C */
341
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#a5a5a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
342
    position: absolute;
343
    width: 122px;
344
    height: 122px;
345
    -moz-border-radius-topleft: 0;
346
    -moz-border-radius-topright: 0;
347
    -moz-border-radius-bottomright: 0px;
348
    -moz-border-radius-bottomleft: 122px;
349
    -webkit-border-radius: 0 0 0px 122px;
350
    border-radius: 0 0 0px 122px;
351
    display: inline-block;
352
    bottom: 2px;
353
    left: 2px;
354
}
355
 
356
.blue-bottom-right {
357
    background: rgb(191,212,229); /* Old browsers */
358
    background: -moz-linear-gradient(-45deg,  rgba(191,212,229,1) 0%, rgba(64,87,105,1) 100%); /* FF3.6+ */
359
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,212,229,1)), color-stop(100%,rgba(64,87,105,1))); /* Chrome,Safari4+ */
360
    background: -webkit-linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* Chrome10+,Safari5.1+ */
361
    background: -o-linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* Opera 11.10+ */
362
    background: -ms-linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* IE10+ */
363
    background: linear-gradient(-45deg,  rgba(191,212,229,1) 0%,rgba(64,87,105,1) 100%); /* W3C */
364
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd4e5', endColorstr='#405769',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
365
    position: absolute;
366
    width: 127px;
367
    height: 127px;
368
    -moz-border-radius-topleft: 0;
369
    -moz-border-radius-topright: 0px;
370
    -moz-border-radius-bottomright: 127px;
371
    -moz-border-radius-bottomleft: 0px;
372
    -webkit-border-radius: 0 0px 127px 0px;
373
    border-radius: 0 0px 127px 0px;
374
    display: inline-block;
375
    bottom: 1px;
376
    right: 1px;
377
}
378
 
379
.blue-bottom-right-inner {
380
    background: rgb(148,193,240); /* Old browsers */
381
    background: -moz-linear-gradient(-45deg,  rgba(148,193,240,1) 0%, rgba(51,152,203,1) 40%); /* FF3.6+ */
382
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(148,193,240,1)), color-stop(40%,rgba(51,152,203,1))); /* Chrome,Safari4+ */
383
    background: -webkit-linear-gradient(-45deg,  rgba(148,193,240,1) 0%,rgba(51,152,203,1) 40%); /* Chrome10+,Safari5.1+ */
384
    background: -o-linear-gradient(-45deg,  rgba(148,193,240,1) 0%,rgba(51,152,203,1) 40%); /* Opera 11.10+ */
385
    background: -ms-linear-gradient(-45deg,  rgba(148,193,240,1) 0%,rgba(51,152,203,1) 40%); /* IE10+ */
386
    background: linear-gradient(-45deg,  rgba(148,193,240,1) 0%,rgba(51,152,203,1) 40%); /* W3C */
387
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c1f0', endColorstr='#3398cb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
388
    position: absolute;
389
    width: 122px;
390
    height: 122px;
391
    -moz-border-radius-topleft: 0;
392
    -moz-border-radius-topright: 0px;
393
    -moz-border-radius-bottomright: 122px;
394
    -moz-border-radius-bottomleft: 0px;
395
    -webkit-border-radius: 0 0px 122px 0px;
396
    border-radius: 0 0px 122px 0px;
397
    display: inline-block;
398
    bottom: 2px;
399
    left: 3px;
400
}
401
 
402
/* needs adjustment, removed for now.  */
403
 
404
.gloss {
405
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
406
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
407
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
408
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
409
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
410
    background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* W3C */
411
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
412
    position: absolute;
413
    display: inline-block;
414
    width: 350px;
415
    height: 350px;
416
    -moz-border-radius: 175px;
417
    -webkit-border-radius: 175px;
418
    border-radius: 50%;
419
    left: -20px;
420
    top: -30px;
421
}
 

BMW Logo

CSSDeck G+