$ 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é
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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é 90 tutoriels et obtenu une note moyenne de 4,7/5 sur 23 410 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

10
avis laissés
5 étoiles
10
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-401-7566 laissé le 03/11/2016
    Excellent : Simple, clair et efficace, donne d'excellentes bases pour remettre en pratique et s'amuser un peu :) Merci !
    "Merci, et bonne continuation dans la mise en pratique de ce tuto ;)"

  • 5
    avis de membre-901-9328 laissé le 13/07/2016
    Toujours aussi excellent ! merci Bien à vous

  • 5
    avis de matthieu76 laissé le 02/04/2016
    Pas évident pour ceux qui n'en sont qu'au début mais l'effet et la simplicité des explications font le reste. Dans mon cas, à revoir avec plus d'expérience.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    jQuery 1.11.1, jQuery 1.11.0
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1557 tuto gratuits


non, je ne veux pas me former gratuitement