Iznākums šeit: http://studdown.ucoz.club/index/socialas_ikonas/0-12
@CSS
Code
.menu {
text-align: center;
height: 60px;
overflow: hidden;
cursor: default;
}
.menu i {
position: relative;
top: 30px;
transition: .2s ease;
}
.menu i:hover {
top: 9px;
}
.icon {
border-radius:10px;
}
Kur vēlamies redzēt:
Code
<div class="menu">
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/vkontakte.png" alt="Vkontakte"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/twitter.png" alt="Twitter"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/google_plus.png" alt="Google"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/facebook.png" alt="Facebook"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/odnoklassniki.png" alt="Ok"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/linkedin.png" alt="Linkedin"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/youtube.png" alt="Youtube"class="icon"></a></i>
<i><a href="http://studdown.ucoz.club/" ><img src="http://studdown.ucoz.club/materiali/rss.png" alt="Rss"class="icon"></a></i>
</div>
MEKLĒTĀJS
