[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]كود ازرار مواقع الاجتماعية
<html dir="rtl">
<head>
<style>
p#socialicons img{
-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{
-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{
}
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>
</head>
<body>
<b>دورة كاملة</b></p>
<p id="socialicons">
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/rss10.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/facebo11.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/rss11.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/twitte10.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/yahoo10.png" /></a>
</p>
<p><b>نصف درو</b></p>
<p id="socialicons2">
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/rss10.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/facebo11.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/rss11.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/twitte10.png" /></a>
<a href="#">
<img border="0" src="https://i.servimg.com/u/f32/17/82/24/96/yahoo10.png" /></a>
</p>
</body>
</html>