强调css3过渡

时间:2013-03-19 00:02:42

标签: css3 css-transitions underline

如何在CSS3中的hover上从左到右创建下划线动画

1 个答案:

答案 0 :(得分:23)

这是一个非常棘手的问题。

我能提出的唯一解决方案是在border-bottom上转换:hover,或者我应该说我正在转换border-bottomwidth和{{ 1}}使margin-right出现,同时保持链接对齐。

很难解释,所以我做了一个不完美的例子,看起来有点乱,但至少它显示了我的意思。 : - )

FIDDLE

HTML

border-bottom

CSS

<a href="#">Link</a><a href="#">Link</a>