css3中的擬合元素

Question

前兩天我向動畫css3尋求幫助。 這裏是我的動畫：[鏈接] http://jsfiddle.net/SD58Z/8/ [/ link]

一切工作正常，但我有另一個問題。可以自動設置該行的寬度，無論鏈接文本的長度如何，該行都可以正確匹配？當我的頭銜更長時，這條線太短。

我剛剛創建了一個模組並且顯示正確，但我的動畫消失了。 [鏈接] http://jsfiddle.net/DashDesign/SD58Z/284/ [/ link]

Answer 1

我不完全確定你要做什麼，但是這使得下劃線跨度爲500px。

.line{ 
font-family:Tahoma; 
width:0px; 
position: absolute; 


background:black; 
transition:width 0.4s ease ; 
-moz-transition: 0.4s ease ; /* Firefox 4 */ 
-webkit-transition: 0.4s ease ; /* Safari and Chrome */ 
-o-transition: 0.4s ease; /* Opera */ 
} 

div:hover{ 
width:500px; 
} 
.line div{ 
    background:#fff; 
    position:relative; 
    bottom:1px; 
} 
} 

2度的變化是懸停的寬度和你的小提琴在年底