-
Dios tiene un principe para tí,
pero eso no significa que no seas ya una reina.
HTML
<div class="transition-translate"> <p style="text-align: center;">Dios tiene un principe para tí, <br />pero eso no significa que no seas ya una reina.</p> <img style="border: 2px dotted #0099c8; border-radius: 110px/140px; -webkit-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px; display: block; margin-left: auto; margin-right: auto;" src="https://lh5.googleusercontent.com/-bLLEVt-HGns/U-jZpnNed7I/AAAAAAAA2rI/thbYxI5wfIw/w245-h170-no/8.gif" alt="" width="270" height="230" /></div>
CSS
<style type="text/css"><!-- .transition-translate { position: relative; top: 0; z-index: 2; background: #fff; color: #000; margin: 0 auto; padding: 10px; text-align: center; max-width: 400px; font-size: 20px; border: 3px double #0099c8; border-radius: 110px/140px; -webkit-box-shadow: #3f3850 44px 44px 44px;-moz-box-shadow: #71346f 14px 14px 14px; box-shadow: 0 5px 5px 2px #000; cursor: pointer; transition: 3s linear; } .transition-translate:hover { top: 50px; } --></style>