•  


    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&iacute;, <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>