Using text-shadow instead of font-weight bold to avoid jumping
Read OriginalThis technical article explains a CSS workaround to prevent the 'jumping' effect when using font-weight: bold on hover states. It details using text-shadow to simulate bold text, ensuring element width remains stable. It also covers browser support and provides implementation methods using conditional comments and CSS feature queries (@supports) for older IE versions and modern browsers.
Comments
No comments yet
Be the first to share your thoughts!
Browser Extension
Get instant access to AllDevBlogs from your browser
Top of the Week
1
The Beautiful Web
Jens Oliver Meiert
•
2 votes
2
When your coding agent doesn’t understand your project, you’ll get junk
Benjamin Cane
•
1 votes
3
LLM Use in the Python Source Code
Miguel Grinberg
•
1 votes
4
Wagon’s algorithm in Python
John D. Cook
•
1 votes
5
An example conversation with Claude Code
Dumm Zeuch
•
1 votes