<style>

 a { 

   display:inline; 

   width: 150px;

   box-shadow: inset 0 0 0 0 #FFABD9; 

   overflow: visible; 

   -webkit-transition: all ease 0.5s; 

   -moz-transition: all ease 0.5s; transition: all ease 0.5s;

  }

  a:hover { 

    box-shadow: inset 0 50px 0 0 purple; 

    color:white;

  }

</style>

<a href="sdf">sdsdsd</a>