.menu
{
background-color:gray;
border: 2px solid white;
text-decoration: none;
padding: 7px;
color: white;
width:1140px; height:1300px;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;



 

/*Градиент*/

background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));




/*Переход*/

-webkit-transition: All 0.6s ease;
-moz-transition: All 0.6s ease;
-o-transition: All 0.6s ease;
-ms-transition: All 0.6s ease;
transition: All 0.6s ease;

}

.menu:hover
{
color: red;
background-color: gold;
width: 230px;

}



.menu2
{
 background:black;
}