მთავარი » 2012 » აპრილი » 17 » ტექსტის ეფექტი მაუსის მიტანისას
11:36 AM
ტექსტის ეფექტი მაუსის მიტანისას
აღწერა: 
ძალიან ლამაზი ტექსტის ეფექტი მაუსის მიტანისას, გამოსადეგი სკრიფტია და თან ძალიან ლამაზი სკრიფტი სრულიადში.



ეს ჩასვით სადაც გინდათ გამოჩნდეს ტექსტი 

Code
<div class="cpojer-links">  
  <a href="http://gelesson.net/">ტექსტი</a><br>  
  <a href="http://gelesson.net/">ტექსტი</a>  
</div>


ეს ჩასვით 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);  


კატეგორია: სკრიპტები | ნანახია: 571 | დაამატა: muriko | რეიტინგი: 0.0/0
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]