★ Rotate-Zoom-Out-Rounded ★

<p> </p> <p><span id="caret"> </span></p> <table width="100%"> <tbody> <tr> <td align="CENTER"> <div class="rotate"> <style><!-- width: 332px; height: 335px; } .image { width: 100%; height: 100%; } .rotate div img { width: 332px; height: 335px; -webkit-filter: grayscale(0) blur(0px); filter: grayscale(0) blur(0px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .rotate div:hover img { width: 200px; height: 200px; border-radius: 50%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } > --></style> <div class="image"><img style="text-align: center; padding: 15px; display: block; margin-left: auto; margin-right: auto;" src="http://ekladata.com/VPL6MBTFcJTW4CFTa2n_sOruucE.png" alt=" BUNS " /></div> <div class="image"> </div> </div> <p> </p> <p> </p> <p> </p> </td> </tr> </tbody> </table>