Cargando

Como puedo hacer un efecto fade in con html




Pulsa corazón para recibir avisos de nuevas Respuestas

  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
  • Volver arriba

 

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!!


X