-

20.02.2015

Una mujer bella no siempre es inteligente; una mujer inteligente siempre es bella.

HTML

<div class="transition-width"> 
 <p>Texto</p><p><img style="border: 2px double #cc5670; border-radius: 5em/1em; -webkit-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px; display: block; margin-left: auto; margin-right: auto;" src="http://mir-animashki.com/_ph/67/461291948.gif" alt="" width="250" height="290" /></p></div>

CSS

<style type="text/css"><!--
 .transition-width {
  background: #FEFBFE;
  color: #000;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  max-width: 400px;
  font-size: 20px;
  border: 2px dotted #cc5670;
 border-radius: 5em/1em;
  cursor: pointer;
  transition: 3s linear;
}
.transition-width:hover {
  max-width: 300px;
}
 --></style>