SahraForumDizini
Would you like to react to this message? Create an account in a few clicks or log in to continue.
SahraForumDizini

Genel Forum Sitesi
 
AnasayfaAnasayfa  Latest imagesLatest images  AramaArama  Kayıt OlKayıt Ol  Giriş yap  
Sayfayı FaceBook'ta Paylaş

 

 sosyal paylaşım buton kodları

Aşağa gitmek 
YazarMesaj
Sahra
ForumSahraSiteSahibi
ForumSahraSiteSahibi
Sahra


<b>Mesaj Sayısı</b> Mesaj Sayısı : 428
<b>Tecrübe</b> Tecrübe : 1091
<b>Rep Puanı</b> Rep Puanı : 29
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/07/11
<b>Yaş</b> Yaş : 31
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

sosyal paylaşım buton kodları Empty
MesajKonu: sosyal paylaşım buton kodları   sosyal paylaşım buton kodları EmptyPaz 24 Tem. - 22:09:37

[Linkleri görebilmek için üye olun veya giriş yapın.]
css
Kod:
<style type="text/css">

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

</style>


html

Kod:
<ul class="bubblewrap">
<li><a href="#"><img src="media/stumbleupon.png" title="Add to Stumbleupon" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/digg.png" title="Add to Digg" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://dynamicdrive.com"><img src="media/rss.png" title="Add RSS Feed" /></a></li>
</ul>

CSS3 Transform

Kod:
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x in FF3.5+*/
-webkit-transform:scale(1.8); /*Safari and Chrome version*/
-o-transform:scale(1.8); /*Opera 9.5+ version*/
}
Sayfa başına dön Aşağa gitmek
https://sahra.forumdizini.com
 
sosyal paylaşım buton kodları
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
SahraForumDizini :: Webmaster :: CSS-
Buraya geçin: