top



How to move the links like this http://www.wordpressthemeshock.com/ for example have a look on the link that says ''CSS3 text shadow generator'' Smile

Using jquery animation Smile

Code:

<srcipt>
$(document).ready(function(){
$('YOUR TEXT CLASS OR ID HERE').hover(function(){
      $(this).stop(true, true).animate({paddingLeft: '+=15'},300)
   },function(){
      $(this).stop(true, true).animate({paddingLeft: '+=-15'}, 200)
   });
});
</script>

Or just simply use CSS3 transition Smile

Code:
.padding {
  padding-left: 5px;
  color: #aaa;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.padding:hover {
  padding-left: 15px;
  color: #000;
}

Note that I even included a color change for you. Happy
It's similar to my blog titles so I know. xD

Thanks Japorized, that works Smile

but Gangstar15, how dose that works...

You don't need it ;=)

Gangstar's work by adding in the class or id of the element you want in the "YOUR TEXT CLASS OR ID HERE". The element with the class or id will pad to left with a transition. But it requires jQuery library readily in your template.
So should I lock this?

This is solved now! Smile

[solved]