用CSS怎样处理链接悬停跳动的问题，方法有哪些

发布时间：2023-11-01 11:58:04 所属栏目：语言来源：

导读：关于“用CSS怎样处理链接悬停跳动的问题，方法有什么”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要

关于“用CSS怎样处理链接悬停跳动的问题，方法有什么”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。

需求：实现鼠标悬停在链接上时，链接字体加粗的功能。

实现方式1：

a:hover{font-weight:blod}
结果鼠标悬停的时候，页面会有跳动的现象。因为改变字体的时候改变了元素的大小，所以引起了页面的重排，所以会有跳动的现象。

实现方式2：

a:hover{text-shadow: 1px 0 0 currentColor;}

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!