0

2日前に私はアニメーションcss3の助けを求めました。これが私のアニメーションです：[リンク] http://jsfiddle.net/SD58Z/8/ [/ link]

すべて正常に動作しますが、別の質問があります。この線の幅を自動的に設定することは可能ですが、この線はリンクテキストの長さに関係なく適切にフィットしますか？ポイントは、私のタイトルが長いと、この行が短すぎるということです。

modを作成したところ、ラインが正しく表示されましたが、アニメーションが消えました。[リンク]http://jsfiddle.net/DashDesign/SD58Z/284/[/リンク]

4

1 に答える 1

0

何をしようとしているのか正確にはわかりませんが、これにより下線が 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 つの変更点は、ホバー時の幅であり、フィドルの最後に閉じ括弧がありませんでした

于 2013-03-21T18:33:03.080 に答える