Зарабатываю на smmka.ru
Главная » Статьи » Скрипты » Скрипты для uCoz

Трансформация ссылок с помощью CSS



в css 

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



Ссылку оформляем так:

<div class="cpojer-links"> 
[b]Здесь ваша ссылка[/b] 
</div>

Категория: Скрипты для uCoz | Добавил: dEnny (25.02.2011)
Просмотров: 392 | Теги: CSS, ссылок, трансформация, помощью | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz