Would you like your element to transition nicely? well you can do it in about 1 line of css.

.transition { transition: all 2s; } 

This is the one I usually use, as its not too slow.

transition: all 0.3s;

Another note is that if you add this transition to something like a link you will need to add it to both states. so for a a add it to the link and the :hover like the following

<style>
  a.link {
    padding:20px;
    transition: all 0.3s;
    background:#000;
  }
  a.link:hover {
    padding:20px 10px;
    transition: all 0.3s;
    background:#999;
  }
</style>

Example Link

Transition Example

Select or mouse over this box to see the transition

Transition Example Code

.transition { transition: all 2s; } 
.box {
  background:#666;
  width:80px;
  height:80px;
}
.box:hover {
  width:120px;
  height:120px;
  background:#444;
  border-radius:5px;
}

<div class='box transition'></div>