How to handle Font-weight:blod beating

This time to everyone to bring Font-weight:blod beating how to deal with, handling font-weight:blod beating note what, the following is the actual case, together to see.

Requirements: The ability to make the link font bold when the mouse hovers over the link.

Implementation Mode 1:

A:hover{font-weight:blod}

Results when the mouse hover, the page will have a beating phenomenon. Because changes in the font of the size of the element, so caused the page reflow, so there will be a bounce phenomenon.

Implementation Mode 2:

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

Effect comparison:

Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

Animated sequence of CSS3 animation

How CSS quirks box models and standard box models are used