CSS Transitioning問題

Question

我試圖讓標籤（作爲一個菜單）抵消屏幕，當有人將它懸停在它上面時，它會向下轉換，顯示更多的選項卡。我的代碼是這樣的：

.tab:hover { 
    position: relative; 
    top: 45px; 
    -webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out; 
    -ms-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out; 
} 

當我將鼠標懸停在圖像上時，它正確地向下轉換。但是，當我離開標籤頁時，它會卡入到位。我想要做的是過渡回原來的地方，而不是抓住。我從代碼中錯過了什麼？

UPDATE：

我想通了這個問題。我做了一個新的CSS樣式集只有.tab，我把過渡AND top: 0px。

Answer 1

而不是把它放在:hover，把transition上.tab。