如何修復懸停效果的過渡+在tumblr文章上添加鏈接

Question

我編輯了我的主題，這樣標籤就會顯示在帖子底部的下拉框（？）上（應該是您可以看到的源代碼在原來的），但現在它不像以前那樣緩慢下降，它立刻出現，我試圖改變所有的過渡值，但它不工作......有沒有辦法解決它？
•我的主題[http://joltikillua.tumblr.com/]
•原來的主題[http://yukoki-th.tumblr.com/th29]

而另一個問題的靜態預覽，是有辦法增加了「一個reblog」鏈接，喜歡上了帖子的側面這一個： [34kojin.tumblr.com/]？也許可以選擇添加永久鏈接？！就像一個漂浮在一邊的小菜單？！
因此，當鼠標懸停時，我的主題將在下拉框和帖子側面的鏈接上有標籤？

我希望這是有道理的，我不太瞭解html/css和我的英語不好，但我會很感激任何幫助！

Answer 1

難以查看您的代碼。

我已經爲您製作了一個小例子，如何正確製作一個擴展盒子，並使用純CSS動畫增長。

這裏：http://jsfiddle.net/okwky7qL/

請更改訂單-webkit-轉變：...等的順序就像我在這裏：

#permalink, .preblog { 
    font-family: bitxmap; 
    font-size: 10px; 
    color: {color:permalink text}; 
    background-color: {color:permalink bg}; 
    overflow: hidden; 
    padding: 0 10px; 
    -webkit-transition: 0.8s ease-in-out; 
    -moz-transition: 0.8s ease-in-out; 
    -o-transition: 0.8s ease-in-out; 
    transition: 0.8s ease-in-out; 
} 

#permalink { line-height: 22px;} 
.preblog { 
    padding: 0 0; 
    height: 22px; 
} 

{block:if1column}.posts:hover .preblog {height: 55px;}{/block:if1column} 

與再次檢查的CSS代碼我的例子中的代碼。