• 技术文章 >web前端 >H5教程

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

    php中世界最好的语言php中世界最好的语言2018-01-30 09:47:50原创1547
    这次给大家带来font-weight:blod的跳动问题怎样用CSS解决,font-weight:blod的跳动问题用CSS解决的注意事项有哪些,下面就是实战案例,一起来看一下。

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

    实现方式1:

    a:hover{font-weight:blod}


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

    实现方式2:

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

    相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    相关阅读:

    在h5里手机端页面缩放应该如何实现

    用H5的WebGL如何在同一个界面做出json和echarts图表

    html5有哪些清空画布的方法

    以上就是font-weight:blod的跳动问题怎样用CSS解决的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:font-weight blod css
    上一篇:怎样用H5的WebGL实现3D虚拟机房的漫游动画 下一篇:HTML5 Canvas实现360度全景方法
    千万级数据并发解决方案

    相关文章推荐

    • HTML5 的普及需要具备哪些因素?• 为什么html5将主宰在线视频?• Html5 Canvas初探学习笔记(3) -绘制样式和绘制文本 • HTML5边玩边学(二)-基础绘图• 在HTML5 Canvas中放入图片和保存为图片的方法_html5教程技巧
    1/1

    PHP中文网