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

Markdown is supported in the comment area, so you can write inline code in backticks like `this` or multiline blocks of code in in triple backtick fences like this:

```
<div>Example code</div>
```

You don't need to escape code in backticks, Markdown does that for you. If anything screws up, contact us and we can fix it up for you.

*May or may not contain any actual "CSS" or "Tricks".