45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:怎么样使用css解决front{weight跳动问题?

怎么样使用css解决front{weight跳动问题?

2017-12-31 17:14:19 来源:www.45fan.com 【

怎么样使用css解决front{weight跳动问题?

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

实现方式1:

a:hover{font-weight:blod}

结果鼠标悬停的时候,页面会有跳动的现象。因为改变字体的时候改变了元素的大小,所以引起了页面的重排,所以会有跳动的现象。

实现方式2:

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

效果对比:

怎么样使用css解决front{weight跳动问题?

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持路饭。


本文地址:http://www.45fan.com/dnjc/95438.html
Tags: 解决 css font-weight
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部