Интересный эффект, который происходит с ссылкой, при наведении курсора
мыши на ссылку, она анимируется и немного смещается влево или вправо.
Эффект создаётся только средствами CSS!
В самый низ, П.У - Дизайн - Управление дизайном(CSS):

Code

<br> <!--wallaby.ucoz.ru--> <br> .cpojer-links a {  <br>  display: inline-block;  <br>  padding: 4px;  <br>  outline: 0;  <br>  color: #3a599d;  <br>  -webkit-transition-duration: 0.25s;  <br>  -moz-transition-duration: 0.25s;  <br>  -o-transition-duration: 0.25s;  <br>  transition-duration: 0.25s;  <br>  -webkit-transition-property: -webkit-transform;  <br>  -moz-transition-property: -moz-transform;  <br>  -o-transition-property: -o-transform;  <br>  transition-property: transform;  <br>  -webkit-transform: scale(1) rotate(0);  <br>  -moz-transform: scale(1) rotate(0);  <br>  -o-transform: scale(1) rotate(0);  <br>  transform: scale(1) rotate(0);  <br>  }  <br>  .cpojer-links a:hover {  <br>  background: #3a599d;  <br>  text-decoration: none;  <br>  color: #fff;  <br>  -webkit-border-radius: 4px;  <br>  -moz-border-radius: 4px;  <br>  -o-border-radius: 4px;  <br>  border-radius: 4px;  <br>  -webkit-transform: scale(1.05) rotate(-1deg);  <br>  -moz-transform: scale(1.05) rotate(-1deg);  <br>  -o-transform: scale(1.05) rotate(-1deg);  <br>  transform: scale(1.05) rotate(-1deg);  <br>  }  <br>  .cpojer-links a:nth-child(2n):hover {  <br>  -webkit-transform: scale(1.05) rotate(1deg);  <br>  -moz-transform: scale(1.05) rotate(1deg);  <br>  -o-transform: scale(1.05) rotate(1deg);  <br>  transform: scale(1.05) rotate(1deg);  <br>  } <br> <!--/--><br>

еперь можно и придать ссылке прекрасного эффекта анимации, нужно лишь добавить к ссылкам:

Code

<div class="cpojer-links">Тут ссылка</div>

В результате у вас должно получиться так:

Code

<div class="cpojer-links">  <br>  <a href="http://wallaby.ucoz.ru/">Скрипты и Шаблоны для uCoz</a><br>  <br>  <a href="http://wallaby.ucoz.ru/">Скрипты и Шаблоны для uCoz</a>  <br>  </div>