Créer un effet de parallaxe au scroll facilement
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Créer un effet de parallaxe au scroll facilement

Adrien Gazaix
4,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du HTML
Leçon 2
Mise en place du JQUERY

Plan détaillé du cours

Leçon 1Mise en place du HTML
19m31
Leçon 2Mise en place du JQUERY
19m48

Avis des apprenants

Détail des avis
522
Apprenants
20
Commentaires
4,9/5
Note moyenne
5/5
19
4/5
0
3/5
1
2/5
0
1/5
0
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 17/08/2024
Mis à part que la photo est complètement noire. Très bon Tuto pour expliquer cet embellisement de site Web, avec quelques choses qui reste simple mais avec un certain style.
Valérie Arno
Valérie Arno
Publié le 20/07/2024
J'ai mis 5 * parce qu'Adrien explique toujours très bien ses tutos, et celui-ci n'en fait pas exception. Par contre j'ai des interrogations sur l'intérêt pour l'utilisateur de ce genre d'entête de page.
Valérie Caruana
Valérie Caruana
Publié le 24/06/2024
difficile à suivre... je ne vois pas l'intéret de bootstrap dans cette application personnellement. j'ai décroché durant le calcul et la syntaxe pour le calcul du positionScroll... Ce tuto est pourtant très intéressant et utile à réexploiter.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

jQuery , CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 4,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données