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
  background-color:#30131d;
10
}
11
.logo {
12
  background: url(http://maracujaminds.de/images/logo3.svg)no-repeat center center; 
13
  height: 180px;
14
  margin:20px;
15
  background-size:  auto 100% ;
16
    -webkit-transition: all .2s ease;
17
  -moz-transition: all .2s ease;
18
  -o-transition: all .2s ease;
19
  -ms-transition: all .2s ease;
20
  transition: all .2s ease;
21
}
22
a {
23
  cursor:pointer;
24
  text-decoration: none;
25
  padding: 4px 8px;
26
  font-family: 'Open Sans', sans-serif;
27
  font-size: 13px;
28
  color: #fff;
29
  border-radius: .15em;
30
  transition: all .1s ease;
31
  box-sizing: border-box;
32
  display: inline-block;
33
  -webkit-border-radius: .2em;
34
          border-radius: .2em;
35
}
36
a:hover {
37
  background-color: #fff;
38
  color: #30131d;
39
}a:active {
40
  background-color: #fff;
41
  color: #fff;
42
  box-shadow: 3px 3px 10px #000 inset;
43
}
44
 
 

beatmenu2

CSSDeck G+