Avoid the box movement on <a> hover - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:a

  1. HOME
  2. HTML CSS
  3. HTML Tag
  4. a

Description

Avoid the box movement on <a> hover

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>
a:hover {<!--  www . j a v  a  2 s .c  o m-->
   box-shadow:inset 6px 0 0 Chartreuse;
}
</style> 
 </head> 
 <body translate="no"> 
  <a href="#">Hover me</a>  
 </body>
</html>

Related Tutorials