Ajax Loader
×
HTML
<div class="logo"></div>
1
<div class="logo"></div>
2
<center>
3
<a>Home</a>
4
<a>Work</a>
5
<a>Ego</a>
6
<a>Contact</a>
7
</center>
 
CSS
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
1
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
2
 
3
@font-face {
4
  font-family: gotham;
5
  src: url(Gotham-Light.otf);
6
}
7
body{
8
  margin:50px;
9
}
10
.logo {
11
  background: url(http://maracujaminds.de/images/logo3.svg)no-repeat center center; 
12
  height: 180px;
13
  margin:20px;
14
  background-size:  auto 100% ;
15
    -webkit-transition: all .2s ease;
16
  -moz-transition: all .2s ease;
17
  -o-transition: all .2s ease;
18
  -ms-transition: all .2s ease;
19
  transition: all .2s ease;
20
}
21
a {
22
  cursor:pointer;
23
  text-decoration: none;
24
  padding: 4px 8px;
25
  font-family: 'Open Sans', sans-serif;
26
  font-size: 13px;
27
  color: #222222;
28
  border-radius: .15em;
29
  transition: all .1s ease;
30
  box-sizing: border-box;
31
  display: inline-block;
32
  -webkit-border-radius: .2em;
33
          border-radius: .2em;
34
}
35
a:hover {
36
  background-color: #222222;
37
  color: #fff;
38
  box-shadow: 3px 3px 10px #000 inset;
39
}a:active {
40
  background-color: #222222;
41
  color: #fff;
42
  box-shadow: 3px 3px 10px #000 inset;
43
}
44
 
 

beatmenu

CSSDeck G+