font-weight:blod的跳動問題怎麼用CSS解決

這次帶給大家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中文網其他相關文章！