Treehouse: Grow your CSS skills. Land your dream job.

Last updated on:

Link Nudging

$("a").hover(function() {
       $(this).stop().animate({paddingLeft : "10px"},200);
},function() {
       $(this).stop().animate({paddingLeft : "0px"},200);
});

Make sure to change the selector to only target the links you want to have nudging, e.g. "#sidebar ul li a"

Comments

  1. Permalink to comment#

    oh, I needed this about a week ago, I had to use a simple padding without animation. thanks..

  2. Graf007
    Permalink to comment#

    Is it possible to do this AND get a backgroundcolor that fades back to transparent?

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

```
<script>
  function example() {
    element.innerHTML = "<div>code</div>";
  }
</script>
```