Sosyal Medya Takip İconları

Sosyal Medya İconları

Kod içeriğinde 3 adet sosyal medya icon seti var.İstediğinizi içerisinden Çıkartıp Kullanabilirsiniz...

360° dönen Sosyal Medya iconları:



60° dönen Sosyal Medya iconları:



-360° dönen Sosyal Medya iconları:

360° Dönen Sosyal Medya İconları Kodu;

<style type="text/css">  p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }  p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }  p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }  p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); }  p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ }  p#socialicons3 img:hover{  -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }  </style>    <b>360° dönen Sosyal Medya iconları:</b> <b><br /> </b> <p id="socialicons"><a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" alt="" /></a>  <font color="#00ffff"><br /> </font> </body></html></body></html>

60° Dönen Sosyal Medya İconları Kodu;

<style type="text/css">  p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }  p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }  p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }  p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); }  p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ }  p#socialicons3 img:hover{  -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }  </style> <b>60° dönen Sosyal Medya iconları:</b> <p> </p> <p id="socialicons2"><a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" alt="" /></a></p>

-360° Dönen Sosyal Medya İconları Kodu;

<style type="text/css">  p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }  p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }  p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }  p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); }  p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ }  p#socialicons3 img:hover{  -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }  </style> <p><b>-360° dönen Sosyal Medya iconları:</b></p> <p id="socialicons3"><a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/rss.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/delicious.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/facebook.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/twitter.png" alt="" /></a> <a href="#Link" _fcksavedurl="#Link" _fcksavedurl="#Link"> <img border="0" src="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" _fcksavedurl="https://img.webme.com/pic/w/webucu/yahoo.png" alt="" /></a></p> </b>

Bugün 6300 ziyaretçi (12792 klik) kişi burdaydı!

» Kategoriler

Css Tasarımlar
Siten İçin HTML Kodlar
Css Tasarımcıları İçin Yararlı Kodlar
Twitter&Takipçi Arttırma Yolları
Eğlence & Müzik
Grafik & Resim

» En son eklenen konular

Yepyeni Kod Editörü Hazır!
Yepyeni Css Tasarımlar Sitemizde!
Siteniz İçin Uçan Twitter Kuşu Kodu (Hareketli)
Hayatımızdan kesitler :)
İşte o amca!
Paso sorunu tak etti artık!

» Reklamlar

» En son yazılan yorumlar

Teşekkürler :)
zaa :D bu gerçekmi?
Vay bea iyimiş...
Nasıl yapmışlar onu hacı :D
Nasıl bişi bu :S
Saolasın :)

» Sosyal medya

Tasarım:Tugay Tekeci

Hoşgeldiniz!

Canlı LİG TV BURADA İZLENİR!!

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol