Scrolling Background Effect
El efecto de cabecera de youlove.us es uno de los más bonitos que he visto últimamente.
La técnica usada es de lo más simple, una imagen de 4000px de alto deslizándose por detrás de un png con fondo transparente. El fondo lo mueven mediante jquery acompañado del plugin backgroundposition.js de Alexander Farkas.
En el blog de la página encontramos un artículo donde comparten y explican el código javascript.
Si habéis seguido el videotutorial “efecto zoom con jquery” no tendréis ningún problema para entenderlo, hace uso de la propiedad background-position de css para crear la animación.
Posts relacionados:
- jQuery Google feed API
- Flip! jquery
- Detectar copiar, cortar y pegar con jQuery
- webtips 05 – Efecto zoom
