Как сделать "плавный сдвиг" на ссылках ?

Dana Domirani пишет:Увы, файл не воспроизвелся. Речь о таком эффекте?

Код:

a.forumlink {
-htm-border-radius: 20px;
-htm-transform: all;
-htm-transition: 1s;
-moz-border-radius: 20px;
-moz-transform: all;
-moz-transition: 1s;
-o-border-radius: 20px;
-o-transform: all;
-o-transition: 1s;
-webkit-border-radius: 20px;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #E7D095;
border-radius: 20px;
color: #AF946C!important;
display: block;
font-family: comic sans ms;
font-size: 12px;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 0 0 1px white;
transform: all;
transition: 1s;
}a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #BB5353;
color: #C75B5B!important;
padding-left: 50px;
text-shadow: 0 0 3px rgba(61, 17, 17, 0.38);
text-transform: uppercase;
transform: all;
transition: 1s;
}

Ilya пишет:Только видоизмените

Код:

a.forumlink {
-htm-border-radius: 20px;
-htm-transform: all;
-htm-transition: 1s;
-moz-border-radius: 20px;
-moz-transform: all;
-moz-transition: 1s;
-o-border-radius: 20px;
-o-transform: all;
-o-transition: 1s;
-webkit-border-radius: 20px;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #E7D095;
border-radius: 20px;
color: #AF946C!important;
display: block;
font-family: comic sans ms;
font-size: 12px;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 0 0 1px white;
transform: all;
transition: 1s;
}a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 4px solid #BB5353;
color: #C75B5B!important;
padding-left: 50px;
text-shadow: 0 0 3px rgba(61, 17, 17, 0.38);
text-transform: uppercase;
transform: all;
transition: 1s;
}