怎样用CSS解决font-weight:blod的跳动问题

本篇文章为大家展示了怎样用CSS解决font-weight:blod的跳动问题,代码简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

广信ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

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

实现方式1:

a:hover{font-weight:blod}

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

实现方式2:

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

上述内容就是怎样用CSS解决font-weight:blod的跳动问题,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网站名称:怎样用CSS解决font-weight:blod的跳动问题
网站路径:http://bzwzjz.com/article/jgoeoh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都营销网站建设 成都网站制作 成都网站设计 定制级高端网站建设 外贸营销网站建设 高端定制网站设计 网站建设公司 专业网站建设 响应式网站设计 成都网站设计公司 手机网站制作设计 重庆企业网站建设 四川成都网站设计 成都网站建设 成都网站制作 成都网站建设 成都定制网站建设 成都网站设计 网站制作 教育网站设计方案 营销型网站建设