Biraz bekleticem.
************************
İkonlar 360 Derece dönüyor.
****************************
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
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);
}
</style>
<body>
<div align="center">
<p id="socialicons">
<img border="0" src="sosyal medya hesabı ikonunun bağlantı yolu girilecek" />
<a href="sosyal medya hesabını yaz"></a>
<img border="0" src="sosyal medya hesabı ikonunun bağlantı yolu girilecek" />
<a href="sosyal medya hesabını yaz"></a>
<img border="0" src="sosyal medya hesabı ikonunun bağlantı yolu girilecek" />
<a href="sosyal medya hesabını yaz"></a>
<img border="0" src="sosyal medya hesabı ikonunun bağlantı yolu girilecek" />
<a href="sosyal medya hesabını yaz"></a>
<img border="0" src="sosyal medya hesabı ikonunun bağlantı yolu girilecek" />
<a href="sosyal medya hesabını yaz"></a>
</p>
</div>
</body>
</html>