• Par GloriaV dans Texto efectos le 20 Février 2015 à 14:50

     

     


    Fuente

    La mente de una mujer es más limpia que la de un hombres: la limpian más a menudo.Oliver Herford.

     


    HTML

    <div class="transition-opacity"><p>Texto</p><br /><p><img style="border: 2px double #f69f64; border-radius: 10px; -webkit-box-shadow: #6d3112 3px 3px 9px; box-shadow: #6d3112 3px 3px 11px; display: block; margin-left: auto; margin-right: auto;" src="https://lh4.googleusercontent.com/-51R5po3iN58/U2numiM_JsI/AAAAAAAAXCM/wPvwnMidnis/w314-h400-no/42.gif" alt="" width="250" height="290" /></p></div>



    CSS

    <style type="text/css"><!--
 .transition-opacity {
  background: #fff;
  color: #000;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  max-width: 500px;
  font-size: 20px;
  border: 2px ridge #f69f64;
 border-radius: 10px;
 box-shadow: 1px 1px 7px #000;
  cursor: pointer;
  transition: 3s linear;
}
.transition-opacity:hover {
  opacity: .1;
}
 --></style>