Ajax Loader
×
HTML
 
1
 
2
<table border="0" cellspacing="0" cellpadding="0" height="200">
3
  <tr>
4
    <td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
5
    <td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
6
    <td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
7
    <td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
8
    <td align="center" width="140"><div class="d"><a class="link">STARTSEITE</a></div></td>
9
  </tr>
10
</table>
 
CSS
.d1 {
1
.d1 {
2
  display:table-cell;
3
  float:left;
4
  width:150px;
5
  height:200px;
6
  display:block;
7
  border:3px solid;
8
  padding-top:20px;
9
}
10
.d{
11
  position: 50% 50%;
12
  width:100px;
13
  position:relative;
14
  font-size:11px;
15
  color:white;
16
  background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
17
  border-radius:2px 2px 2px 2px;
18
  padding:15px 10px 15px 10px;
19
  text-decoration:none;
20
  -webkit-transition: all .2s ease;
21
  -moz-transition: all .2s ease;
22
  -o-transition: all .2s ease;
23
  -ms-transition: all .2s ease;
24
  transition: all .2s ease;
25
}
26
.d:hover{
27
  font-size:11px;
28
  color:white;
29
  background: none repeat scroll 0 0 rgba(33, 33, 33, 0.6);
30
  border-radius:2px 2px 2px 2px;
31
  padding:55px 20px 5px 20px;
32
  box-shadow: 3px 3px 50px #555 inset;
33
  text-shadow: 3px 3px 5px #555;
34
  text-decoration:none;
35
   -webkit-transition: all .3s ease;
36
  -moz-transition: all .3s ease;
37
  -o-transition: all .3s ease;
38
  -ms-transition: all .3s ease;
39
  transition: all .3s ease;
40
}
 

menuu

CSSDeck G+