befejezendő

change bg from top to bottom

by John Doe

HTML

<a href="#">X</a>

CSS

a{
    display:block;
    width:50px;
    height:50px;
    margin: 0 auto;
    background-color:#F6F6F6;
    color:#C0C0C0;
    line-height:50px;
    text-align:center;
    font-family:arial;
    text-decoration:none;
    border: 1px solid #C0C0C0;

}
a:after{
    display:block;
    width:50px;
    color: #FFFFFF;
    background-color:#4679BD;
    top: 0;
    content:"";
    margin-top:-50px;
}
a:hover a:after{
    height:60px;
}