<style type="text/css">

.home{background-color:#0783a3;

font-family:B yekan;

padding:2px;

padding-top:7px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:34px;

left:-130px;

transition:all 1s;

}

.home:hover{background-color:#0783a3;

font-family:B yekan;

padding:2px;

padding-top:7px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:34px;

left:0px;

transition:all 1s;

}

.a{background-color:#a31d07;

font-family:B yekan;

padding:2px;

padding-top:7px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:34px;

left:-130px;

transition:all 1s;

}

.a:hover{background-color:#a31d07;

font-family:B yekan;

padding:2px;

padding-top:7px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:34px;

left:0px;

transition:all 1s;

}

.b{background-color:#07a32c;

font-family:B yekan;

padding:2px;

padding-top:7px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:34px;

left:-130px;

transition:all 1s;

}

.b:hover{background-color:#07a32c;

font-family:B yekan;

padding:2px;

padding-top:7px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:34px;

left:0px;

transition:all 1s;

}

.c{background-color:#9da307;

font-family:B yekan;

font-size:10px;

padding:2px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:18px;

left:-130px;

transition:all 1s;

}

.c:hover{background-color:#9da307;

font-family:B yekan;

font-size:10px;

padding:2px;

color:white;

text-align:center;

position:absolute;

width:150px;

height:18px;

left:0px;

transition:all 1s;

}

a {color:white;

text-decoration: none;}

</style>

<div class="home">

<a href="link">

خانه

</a>

</div><br><br>

<div class="a">

<a href="link">

انجمن

</a>

</div><br><br>

<div class="b">

<a href="link">

تماس با ما

</a>

</div><br><br>

<div class="c">

<a href="link">

سایت 1لرن کدنویس : 0011

</a>

</div><br>