Ajax Loader
HTML 
<!-- Logo2 Nube Storage Jopbox ❤ by @mrjopino -->
1
<!-- Logo2 Nube Storage Jopbox ❤ by @mrjopino -->
2
<div class="logo">
3
<div class="nube">
4
  </div>
5
 
 
CSS 
/* Storage jopbox */
1
/* Storage jopbox */
2
body{
3
  background: #FD2D65;
4
  margin: 0 auto;
5
  padding: 20px;
6
  width: 250px;
7
}
8
 
9
.logo{
10
  background: #3293d9;
11
  /* Compatibilidades de logo */
12
  background: -moz-linear-gradient(top, #3293d9 0%, #0a6db9 100%);
13
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3293d9), color-stop(100%,#0a6db9));
14
  background: -webkit-linear-gradient(top, #3293d9 0%,#0a6db9 100%);
15
  background: -o-linear-gradient(top, #3293d9 0%,#0a6db9 100%);
16
  background: -ms-linear-gradient(top, #3293d9 0%,#0a6db9 100%);
17
  background: linear-gradient(to bottom, #3293d9 0%,#0a6db9 100%);
18
  width:160px;
19
  height:160px;
20
  margin: 2% auto;
21
  position: absolute;
22
  border-radius: 100px;
23
  box-shadow: 0 0 15px #000;
24
25
}
26
 
27
.nube{
28
  width:90px;
29
  height:35px;
30
  border-radius:30px;
31
  position:absolute;
32
  background:#fff;
33
  top:75px;
34
  left:35px;
35
}
36
.nube:after {
37
  content:'';
38
  width:60px;
39
  height:50px;
40
  border-radius:100%;
41
  background:#fff;
42
  position:absolute;
43
  top:-25px;
44
  left:15px;
45
}
46
 
 

Logo Jopbox cloud

CSSDeck G+