ايقونات مواقع التواصل الاجتماعى متحركة بتقنية css

انسخ هذا الكود وضعه فى

 اداة Javascript وقم بالحفظ

<style>p#hb_socialicons img {

/* Spinning Social Icons Widget By HelperBlogger */

-moz-transition: all 0.4s ease-in-out;

-webkit-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

}

p#hb_socialicons img:hover {

-moz-transform: rotate(120deg);

-webkit-transform: rotate(120deg);

-o-transform: rotate(120deg);

-ms-transform: rotate(120deg);

transform: rotate(120deg);

}

/* Spinning Social Icons Widget By HelperBlogger */

</style> 

<center><p id="hb_socialicons">

<a href="http://www.facebook.com/btsnts/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwiPkN-GxxrNIe-lDIJvoc2SgM2dHiTH3fl4WowDZUvt7vW2_sD_sWje8npBiJH-Eq77hEkskz7TIGZHvIYM3lgkGAIX5nGOVnOIHWSvItk24YxbBw7epdHxEVuWsZUqYqROldQLBK81c/s1600/helperblogger.com-facebook.png" /></a>

<a href="http://www.twitter.com/helperblogger/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjExHCUsKhaOgN5tD6gHMhc3ZbhAFuyq3xZSWSvckbS8uoEC4J5JfcaZGw49IFkW5Uz7YTvi8Qk-LC5p1s1oXLIsuhf4njGW1K9y135dbddmD6IjvX27oGTrUNGWF6yx8-EcA1Fwu9s3P8/s1600/helperblogger.com-twitter.png" /></a>

<a href="https://plus.google.com/u/0/106527290580119996124">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0ZyjAgE-Vy8XhoEZNd3_7mZ4qyUzAEc3jmQ3vivy5VLQTtD7sk16pqHoyL1pp1-nDfYvWLuY5cjzd4CxzcD32orVTQo3JWUbaaV8RWswiVoiZA_X3aB_QU3oy41M1R7ihq2mCfxoMa0/s1600/helperblogger.com-google_plus.png" /></a>

<a href="http://www.feeds.feedburner.com/hblogger/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJt4QiOA9d5gsflRx13AHwfuWykIE_rQFLhKDiINRcvOTI5u7zwfhDGnDhfcosDWQ2XYN99Dy3KRCS56TyYtb6yUds_T3rja6Fwi2dyV7KYayTImMuWMHr2bmFBPytAmol4W44pcVNRyo/s1600/helperblogger.com-rss.png" /></a>

<a href="http://www.youtube.com/helperblogger1/">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg75EaEkoeXM0S5miknrZKFw46rLtoGnbYLg7Fykfri5S96Cf5rFcHWZMY05soOGkT4AOzu_n9kuifKOn0WwJuXmeElJwAurjT6FJuEw2x84VE5yavElabI554doqUcqaPdPxi1eo25iJY/s1600/helperblogger.com-youtube.png" /></a>

</p></center>

قم بتغيير الروابط الملونة بما يناسبك