Michael Scharnagl 11/2/2015

Using text-shadow instead of font-weight bold to avoid jumping

Read Original

This 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.

Using text-shadow instead of font-weight bold to avoid jumping

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

No top articles yet