I used a :hover transition on my blog theme. When i hover on it, it's smooth but when i remove the mouse, the fade out transition is not smooth anymore. Here is my code:

```
a.lo{
text-decoration: none;
border-top: none;
letter-spacing: 1px;
-webkit-transition: all 1s;
-moz-transition: all 1s;}

a.lo:hover{
color:#fff;
letter-spacing: 1px;
background: none;
border-top: none;
padding-bottom: 16px;
border-bottom: 2px solid #fff;}

```

my blog is [here](http://melancholia-themes.tumblr.com/) (it's the links on the upper right)