To rotate 360 degrees
Code
<style>
div#rotateimg360 img {
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
div#rotateimg360 img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<div id="rotateimg360">
<a href="http://ucozbaze.ucoz.com/">
<img src="http://trl.lt/di-CGL73W.gif" /></a>
<a href="http://ucozbaze.ucoz.com/">
<img src="http://trl.lt/di-CGL73W.gif" /></a>
<a href="http://ucozbaze.ucoz.com/">
<img src="http://trl.lt/di-CGL73W.gif" /></a>
<a href="http://ucozbaze.ucoz.com/">
<img src="http://trl.lt/di-CGL73W.gif" /></a>
</div>
To rotate 180 degrees
Code
<style>
div#rotateimg180 img {
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
div#rotateimg180 img:hover {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
</style>
<div id="rotateimg180">
<a href="Your SITE">
<img src="PICTURE" /></a>
<a href="YOUR SITE">
<img src="PICTURE" /></a>
<a href="YOUR SITE">
<img src="PICTURE" /></a>
<a href="YOUR SITE">
<img src="PICTURE" /></a>
</div>
To rotate 90 degrees
Code
<style>
div#rotateimg90 img {
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
div#rotateimg90 img:hover {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
</style>
<div id="rotateimg90">
<a href="YOUR SITE">
<img src="PICTURE" /></a>
<a href="YOUR SITE">
<img src="PICTURE" /></a>
<a href="YOUR SITE">
<img src="PICTURE" /></a>
<a href="YOUR SITE">
<img src="PICTURE" /></a>
</div>