今天小编跟大家讲解下有关css解决font-weight:blod跳动问题的解决 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css解决font-weight:blod跳动问题的解决 的相关资料,希望小伙伴们看了有所帮助。
需求:实现鼠标悬停在链接上时 链接字体加粗的功能。
实现方式1:
a:hover{font-weight:blod}结果鼠标悬停的时候 页面会有跳动的现象。因为改变字体的时候改变了元素的大小 所以引起了页面的重排 所以会有跳动的现象。
实现方式2:
a:hover{text-shadow: 1px 0 0 currentColor;}效果对比:
以上就是本文的全部内容 希望对大家的学习有所帮助 也希望大家多多支持爱蒂网。
来源:爱蒂网