如何在CSS3中的hover
上从左到右创建下划线动画?
答案 0 :(得分:23)
这是一个非常棘手的问题。
我能提出的唯一解决方案是在border-bottom
上转换:hover
,或者我应该说我正在转换border-bottom
,width
和{{ 1}}使margin-right
出现,同时保持链接对齐。
很难解释,所以我做了一个不完美的例子,看起来有点乱,但至少它显示了我的意思。 : - )
HTML
border-bottom
CSS
<a href="#">Link</a><a href="#">Link</a>