<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>

<p> </p> <p><span id="caret"> </span></p> <table width="100%"> <tbody> <tr> <td align="CENTER"> <div class="rounded"> <style><!-- width: 332px; height: 335px; } .image { width: 100%; height: 100%; } .rounded div img { width: 200px; height: auto; -webkit-transition: .3s ease-in-out ! transition: .3s ease-in-out ! } .rounded div:hover img:hover { width: 150px; height: 150px; border-radius: 50%; } > --></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>

<p> </p> <p><span id="caret"> </span></p> <table width="100%"> <tbody> <tr> <td align="CENTER"> <div class="rotate-zoom-out"> <style><!-- width: 332px; height: 335px; } .image { width: 100%; height: 100%; } .rotate-zoom-out div img { -webkit-transform: rotate(10deg) scale(1.15); transform: rotate(10deg) scale(1.15); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .rotate-zoom-out div:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } > --></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>