Como puedo hacer un efecto fade in con html



   AUTOR PREGUNTA

Publicado 27 marzo 2014 - 16:11

Como puedo hacer un efecto fade in con desde un boton html a un parrafo ocultarlo y mostrarlo con algun disfuminado. He visto ese efecto en otras web.,


¿Tienes la misma pregunta? Yo también

 

Publicado 27 marzo 2014 - 16:19

El método fadeIn () cambia gradualmente la opacidad, para los elementos seleccionados, de oculto a visible (efecto de atenuación).
Los elementos ocultos por fadeout, no se mostrarán y no afecta al diseño de la página.
Un ejemplo para mostrar y ocultar un parrafo

<script>
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").fadeOut()
  });
  $(".btn2").click(function(){
    $("p").fadeIn();
  });
});
</script>
</head>
<body>

<p>este es un texto.</p>
<button class="btn1">Fade out</button>
<button class="btn2">Fade in</button>

   AUTOR PREGUNTA

Publicado 27 marzo 2014 - 16:20

Muchas gracias Antonio, me ha resultado de gran utilidad!!