How to deal with font-weight:blod beating

This time I will bring you font-weight:How to deal with blod bounce, what are the precautions when dealing with font-weight:blod bounce, the following is a practical case, let’s take a look take a look.

Requirement: Implement the function of making the link font bold when the mouse hovers over the link.

Implementation method 1:

a:hover{font-weight:blod}

As a result, the page will jump when the mouse is hovering. Because changing the font changes the size of the element, it causes the page to rearrange, so there will be jumping.

Implementation method 2:

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

Effect comparison:

I believe you have mastered it after reading the case in this article Method, for more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

css3 animation sequence animation

How to use CSS weird box model and standard box model

The above is the detailed content of How to deal with font-weight:blod beating. For more information, please follow other related articles on the PHP Chinese website!