Membuat Link Berefek Nudge

Cara membuat link bergaya nudging atau nudge. Kala disorot link tersebut akan sedikit menjorok keluar.
<style>
#nudge li a {
cursor: pointer;
-webkit-transition: padding-left 500ms ease-out;
-moz-transition: padding-left 500ms ease-out;
}
#nudge li a:hover {
padding-left: 20px;
}
</style>

<ul id='Nudge'>
<li><a href='LINK_1'>Nudge 1</a></li>
<li><a href='LINK_2'>Nudge 2</a></li>
<li><a href='LINK_3'>Nudge 3</a></li>
</ul>
Semoga bermanfaat :)