$ 5.00

Tuto Créer un effet de parallaxe au scroll facilement avec jQuery, CSS

$ 5.00

  • Une formation vidéo de 39m19s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Ajouter des effets modernes pour dynamiser votre site
Retrouvez cette formation dans le bundle :

Ajouter des effets modernes pour dynamiser votre site

-23% de réduction

voir les détails du bundle


Dans ce tuto vidéo jQuery, nous allons découvrir ensemble comment créer un effet de parallaxe sur un site web sans l'aide d'un plugin externe.

Nous superposerons 2 éléments et nous allons les faire bouger dans des directions et à une vitesse différente pour créer l'effet parallaxe lorsque l'on scrolle dans une page. Enfin, on ajoutera une media query pour réduire la taille d'un des éléments tout en gardant l'effet parallaxe pour la version mobile du site, en responsive, donc..

Je vous conseille de regarder l'extrait vidéo pour vous rendre compte de ce que l'on va créer dans ce tuto.

Toutes les sources sont fournies avec la vidéo et n'hésitez pas à répondre au QCM à la fin du tuto pour voir si vous avez bien assimilé toutes les notions essentielles.
Bon tuto !

Table des matières de cette formation jQuery, CSS (durée : 39m19s)

    • Mise en place du HTML 00:19:31
    • Mise en place du JQUERY 00:19:48



Formateur : Adrien Gazaix

Adrien Gazaix a publié 115 tutoriels et obtenu une note moyenne de 4,8/5 sur 47 749 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

13
avis laissés
5 étoiles
13
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-7127-4224 laissé le 26/02/2019
    Tuto très clair et bien expliqué ! Le résultat est très intéressant. Merci beaucoup, j'ai hâte de tester... par contre petit souci avec l'image de fond : celle téléchargée est toute noire. Si c'est possible d'avoir celle présente sur le tuto... Merci :)
    "Merci pour ce retour positif et content que l'effet créé te plaise ! Sinon l'image est noire dans les sources car l'image ne m'appartient pas, mais tu peux la trouver facilement sur le site unsplash ;) Bonne continuation !"

  • 5
    avis de laurent3d laissé le 25/11/2017
    Très bon tuto, les explications sont claires et précises. Cela donne envie d'aller plus loin

  • 5
    avis de karmyra laissé le 14/01/2017
    J'ai utilisé toutes les techniques de ce très bon tuto pour créer une page avec effet de parallaxe. Merci pour tous ces précieux conseils !

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    jQuery , CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1147 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données