這次帶給大家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的WebGL如何在同一個介面做出json和echarts圖表
以上是font-weight:blod的跳動問題怎麼用CSS解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!