TUTO Effet de Parallaxe en CSS, sans programmation sur Tuto.com

Effet de Parallaxe en CSS, sans programmation

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

Promo -40% Jusqu'au 07 septembre, 23:59

2,99€4,99€

5,0

20m44

Débutant

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Table des matières

Dans ce tutoriel en vidéo, je vais vous montrer comment il est possible de réaliser un petit effet de Parallaxe moderne sans utiliser de langage de programmation tel que le JavaScript ou bien le jQuery.

Si vous êtes allergique à la programmation, alors ça tombe plutôt bien puisque ici nous allons apprendre à réaliser un effet de parallaxe uniquement avec du code CSS 😉

Je mets à votre disposition, l'ensemble des codes de ce tuto.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour aller encore plus loin...

Si vous aimez ce genre de tuto avec 0 programmation, en voici d'autres :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours

Leçon 1

Leçon 2

Leçon 3

Leçon 4

Table des matières

Leçon 1Mise en place de la première image

07m46

Leçon 2Mise en place des images suivantes

05m11

Leçon 3Ajout d'une boîte DIV en transition

04m46

Leçon 4Pour aller plus loin

03m01

Aperçus

Avis des apprenants

Détail des avis

121

Apprenants

12

Commentaires

5/5

Note moyenne

5/5

12

4/5

0

3/5

0

2/5

0

1/5

0

Simon Costa

Publié le 10/08/2025

Le parallaxe est vraiment sympa comme effet et j’ai été agréablement surpris de voir que setait super simple a mettre en place. Excellent cours comme toujours , grand merci Carl 😇

Carl Brison

Merci beaucoup Simon ;-)

Jean-Philippe Mouzet

Publié le 03/01/2025

Encore une démonstration de la simplicité du CSS et d'un effet qui en jette à l'écran. Merci

Carl Brison

Merci beaucoup pour votre commentaire très gentil ;-)

Alain Tardif

Publié le 26/01/2023

Merci Carl pour ce cours sur l’effet de parallaxe en CSS 😎 ! L’astuce du `background-attachment: fixed` sans JS, c’est propre, fluide et sans prise de tête. Mention spéciale pour l’usage malin de `background-image`. Validé 100%.

Carl Brison

Merci beaucoup Alain, pour votre commentaire super gentil ;-)

Formateur

5

Voir ses cours

Prérequis

Débutant

Accessibilité

Sous-titres disponibles

Ressources téléchargeables

Fichiers sources (2.46 Mo)

Catégories

Programmation CSS Effet

Cours publié le 22/09/2020
Langue : Français
ID : 151161

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

L'ensemble des codes de ce tutoriel.

+ 1,000,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com

Paiement 100% sécurisé

Ce certificat garantit la sécurité de toutes vos connexions par cryptage.

Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.