Coding Fun Html tutorial html css jquery | efecto scroll blur y parallax

tutorial html css jquery | efecto scroll blur y parallax





Por fin estamos otra temporada de vuelta! en este tutorial veremos como podemos crear un efecto blur y parallax sobre una imagen mietras hacemos scroll sobre la pagina
descargar archivo:

web oficial:
twitter:
facebook:
google +:

un saludo de parte del…

Tags: , , , , , , , , , , , , , , , , , , , , , , , ,

30 thoughts on “tutorial html css jquery | efecto scroll blur y parallax”

  1. la música esta un poquito fuerte..de resto bie

  2. pense que se estaba vaciando el tanque de gas de mi casa xd, buen video…

  3. David Olszak says:

    No salió… 🙁
    Igualmente muy bien explicado!!!

  4. Carlos C.M says:

    Amigo, sabrias decirme como hacer esto responsive?
    En el ordenador me va perfecto pero al cargarlo desde un dispositivo movil se vuelve loco, gracias de ante mano
    Un saludo

  5. Muy buena info, aunque solo adapte el " 'filter': 'blur(' + pixels + 'px)', " a la configuración que tenia

  6. i need this vedio in english 🙂 plz

  7. esta de lujo me encanto el efecto muchas gracias!!

  8. Hola keyquotes!! muchas gracias, tus vídeos me han ayudado mucho, son muy buenos. Saludos desde México, que estés muy bien!!

  9. porque si lo pruebo con mozilla firefox al hacer scrolldown hay un salto de la imagen y deja un espacio en blanco entre la parte superior de la pantalla y la fotografia? Esto no sucede con chrome, opera o safari.

  10. amigo si es tan amable no nos archive documentos sin funcion gracias lindo tutorial

  11. y si yo quiero colocar este efecto en la imagen principal del la pagina como lo hago !que se implementaria ayi !!

  12. Óscar Fdez says:

    Hola!! cómo podría hacer para que el "scrolldown" se pudiese clicar y al hacerlo que haga dicho scroll?
    Graicias!!

  13. Amit Jadhav says:

    all i needed was english

  14. MiPollera says:

    Excelente vídeo, muy bien explicado, felicidades

  15. Si quiero colocar una imagen así, pero después del cuadro del header, qué debo cambiar?

  16. muy bien explicados tus videos!!!
    gracias

  17. Vinci Guerra says:

    BUENÍSIMO HERMANO, EN TU PAGINA OFICIAL TIENES UN EFECTO PARALLAX DONDE EL CONTENIDO APARECE CON UN MOVIMIENTO HACIA ARRIBA, TENDRÁS UN TUTORIAL PARA ESE EFECTO, GRACIAS. SALUDOS DESDE VENEZUELA

  18. Ronald Moya says:

    No todos los héroes llevan capa, denle una cerve.. que digo… un Like + suscrip- a este hombre!!

  19. KarlosMrez says:

    pero el scroll no llega hasta el alto de la página, en el ejemplo a ti te sube hasta arriba, porque?

  20. Davidddfm says:

    mira, yo escribo el codigo para poner el background, justo como sale en el 5:45 y no me sale nada de fondo, como le hago?

  21. Hola buenas, una pregunta: este tutorial podría aplicarse a adobe flash?

  22. esta muy bien el tutorial pero se podria hacer el mismo efecto pero con mas imagines?

  23. great video (y)

    does it works well on mobile also??

  24. Another One says:

    Excelente. No podras dar de css paginas mas basicas con doble blur? Tipo fondo sin blur y login form con blur? Gracias

  25. como se pueden editar los scrolles en css?

  26. Zach Gil says:

    Excelente video, pero como se le hace para quen el efecto aplique en fire fox en lo demas navegadores?

Leave a Reply

Your email address will not be published. Required fields are marked *