如何使用悬停使水平动画下划线？

Question

如何使用悬停制作动画下划线效果？这种效果仅对链接有效吗？

Answer 1

示例：

   p:hover {
text-decoration: underline;
transition: text-decoration .4s;
}

有很多方法可以达到这种效果。您可以在文本上使用文本装饰。不必是链接。