使用下面的CSS创建了一个button,在鼠标悬停的时候会改变,但是鼠标离开之后,应该恢复正常状态,要怎么实现?
.button {
height:40px;
width:95px;
margin-top:10px;
float:left;
overflow:hidden;
margin-left:14px;
background-image: -webkit-linear-gradient(bottom, #558544 0%, #5EA83D 100%);
border-radius: 12px;
border-style:solid;
border-color:#558544;
border-width:5px; }
.button:hover {
background-image: -webkit-linear-gradient(bottom, #5EA83D 0%, #558544 100%);
}