IMAGE ROTATE EFFECT

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<style>
img {-webkit-transition: -webkit-transform .2s ease-in-out;transition: transform .2s ease-in-out;}
img:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
</style>
<div>
<img src="https://i.imgur.com/7X4wjWSm.jpg" width="232" height"145"/>
<img src="https://i.imgur.com/XZLp5MAm.jpg" width="232" height"145"/>
<img src="https://i.imgur.com/W8LjNt5m.jpg" width="232" height"145"/>
<img src="https://i.imgur.com/rcivwQJm.jpg" width="232" height"145"/>
</div>