Скрипты-სკრიპტები

მთავარი » 2012 » მაისი » 12 » Дизайнерская трансформация ссылок с помощью CSS
00:00
Дизайнерская трансформация ссылок с помощью CSS
В CSS вставить этот код:
Code
.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);  
}


Это туда где надо ссылку выводить:

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

კატეგორია: Скрыпты | ნანახია: 359 | დაამატა: nukria | რეიტინგი: 0.0/0
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]
მოგესალმები Гость