ايقونات مواقع التواصل الاجتماعى متحركة بتقنية 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/AVvXsEjt_r2gt1dp8osSGTdgA6Ak8cFFqtDAjY4dAhXy0kAUzA6cG9YPu3QF0Lb5h5R7Hwd0VLE7yAQtb3mKKpMNLUdIQ9NyajMxPXPvZP007my_WLIxfv0pNYwj6f6nrihuRwRXvA0rKABlk50/s1600/helperblogger.com-facebook.png" /></a>

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

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2gf4xaH3KCuMXkZnMqmcGDI5qXnpRrbfq4U-cPCdNeanHVANxe5iOcMNkOA-U5nLGMJe0roate_VHfuHbx5DB6YOsSRCpeMtAj-BkedYdhEXM_VjpoYiHdyAwirPFc-K-IcshJUSsco/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/AVvXsEirc1R5A-yAlVNHO7Flz0cK9Lynj2gn2E_wUzDU6lPbRbV94JJbxkP8CckOc14M8jAUEXWR5UJLN_qqGbEGWb8Nn7SN2lLQv6tPUwMe7kdxK-eNjizyf6S7Bk9WOnjQU_3Wm4F5peF4jGs/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/AVvXsEgY8Juap5Db2vfg1pEJTL-IFR3kBYmRSrTm1oSUg2n5W8v1atNLMMDCOph4OUOySfBVY1Obna0jZT3ILAMaqUBcmTyUL0feEhUYsBKQD_XCaXUsrNb26nBrGrATi2QNx4OtY00Q_5wP55k/s1600/helperblogger.com-rss.png" /></a>

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

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

</p></center>

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

بقلم ياسين

ياسين بوصباع مجرد شاب احب المعلوميات من جميع جوانبها لهدا انشأ هده المدونة ليعرض تجاربه على القراء.

;

شارك الموضوع مع اصدقائك؟

اذا كان لديك اي استفسار عزيزي الزائر بامكانك وضعه في تعليق!