Ajax Loader
HTML 
<!-- Logo Brackets Adobe live -->
1
<!-- Logo Brackets Adobe live -->
2
<!-- Developed by @mrjopino -->
3
<div class="brackets"></div>
 
CSS 
/*
1
/*
2
Author: @mrjopino
3
Name: Logo Brackets Live
4
Description: Logo Brackets Adobe Puro CSS
5
*/
6
@charset "UTF-8";
7
@import url(http://fonts.googleapis.com/css?family=Titan+One);
8
 
9
body {
10
  background: #1b1e24;
11
  padding-top: 40px;
12
}
13
 
14
.brackets {
15
  margin: 45px auto;
16
  position: relative;
17
  width: 185px;
18
  height: 180px;
19
  box-sizing: border-box;
20
  background: #25a5de;
21
  z-index: -1;
22
  overflow: hidden;
23
  border-radius: 45px;
24
  background: #0173bd;
25
  background: -moz-linear-gradient(top, #29abe2 44%, #0173bd 100%); /* Mozilla */
26
  background: linear-gradient(to bottom, #29abe2 43%, #0173bd 100%); /* General */
27
}
28
 
29
.brackets:after {
30
  content: "";
31
  top: 24px;
32
  left: 24px;
33
  right: 24px;
34
  bottom: 24px;
35
  position: absolute;
36
  background: #fff;
37
  z-index: 1;
38
  border-radius: 20px;
39
  border: 16px solid #fff;
40
  box-shadow: inset 0px 0px 0 25px #4d4d4d
41
}
42
 
43
.brackets:before {
44
  content: " ";
45
  width: 16px;
46
  margin: 0 0 0 -9px;
47
  top: 30px;
48
  bottom: 30px;
49
  background: #fff;
50
  z-index: 2;
51
  position: absolute;
52
  left: 50%
53
}
54
/* Wala Logo Brackets terminado developed Jose Pino */
 

Logo Brackets Live

CSSDeck G+