Question

两天前，我向动画css3寻求帮助。这是我的动画：[链接] http://jsfiddle.net/SD58Z/8/ [/ link]

一切正常，但我有另一个问题。可以自动设置此行的宽度，无论链接文本的长度如何，此行都适合吗？关键是当我的标题更长时，这条线太短了。

我刚刚创建了一个mod和行显示正确但我的动画消失了。 [链接] http://jsfiddle.net/DashDesign/SD58Z/284/ [/链接]

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个变化是悬停时的宽度，而你的小提琴在结尾处缺少一个右括号

在css3中拟合元素

1 个答案: