إضافة المشاركات الإجتماعية مع تأثير الدروان 360 ْ درجة
طريقة تركيب الإضافة
الكود
<style>#social{border:0px solid #888; margin:0px 0px 0px 0px; padding:0px; } #social:hover {border:0px solid #ccc;cursor:pointer; } .opacity {opacity: 1;margin-left: 50px;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;transition: all 1s ease-out;-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;} .opacity:hover {opacity: 0.65;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;}</style><a href="http://facebook.com/ChristiaUnion" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" class="opacity" id="opacity" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyepR6ulHM9ksEOfG4oltjZhJkoWQJjGNCxOY0-9wJe8gvn991SQhdTbeYcOiBpKYVMNT_Hzw4A8nKBPHx2yhg7dCfvZ-C6CQCXK66oZZY7lclF3uOQoDurEscSWww8qGkgvFKY9m9_w/s320/Facebook.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/Qardardahjif" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8N1NPyuchFPvrtxzbnZ8WHuEw7BVfunvgWh_ebdibEb5J3PYGnJ3Vwu_YNVpvNtUfjpqgTHzA-ebkd6bCbUWR5usK7c4pUtlgZmym_DAYzxD_8Efif49YUYoEk6J5wWdHYlh2TtUyK2I/s320/Twitter.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/111639037193968470844" rel="nofollow" target="_blank" title="Follow Us On Google+"><img class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSEBLK74i3uZE7siajbN_UHj1NTcamLUmJGzCuILVFOKg5oGf7C15o6vP9tlgrtG5EHzHSXq8dBoawsUwkAmmnF6dQU7yRcw4ySBMicPbGlxnqJWeCnNDtKbBUF8KL4voppeg45pGe0mE/s320/Google+plus.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/hanna98141" id="opacity" rel="nofollow" target="_blank" title="Follow Us On Pinterest"><img alt="Icon" border="0" class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehrW2-DofmlTScbzAgs6978hainnZ8ovvzLoPw5qIhK5WmsTLBHRIElQgGIm5MYqTn74rLuufjXLAGNkgFJQ6aNYp1tefuHceJysfipapRiuWduheTskCIFRu38ClTnqC4jF7fOsSuVc/s320/Pinterest.png" style="margin-right: 1px;" /></a><a href="http://feeds.feedburner.com/expertsprogram/xQVO" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" class="opacity" id="social" img="img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2wgKvWE9PNVoxNSwDgFqgMReXhcyqAsAmvM5E4omEyfflxHHBfDL6g_PdmFCdLWR7Rop0ebnQtWsuHf6pOCtFY1qEEC1FZfGqenOU2_slWwiEDkzvK0Gp36y9PeV0BgnlsO9uohFC5Kc/s320/RSS.png" style="margin-right: 1px;" /></a>
ليست هناك تعليقات:
إرسال تعليق