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 23 juillet, 00:00

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
Contenu

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

Plan détaillé du cours

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

116

Apprenants

11

Commentaires

5/5

Note moyenne

5/5

11

4/5

0

3/5

0

2/5

0

1/5

0

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 ;-)

Michael

Publié le 10/05/2022

Comme d'habitude, calme, posé. C'est plus facile d'apprendre avec Carl parce qu'il prend son temps pour nous expliquer et c'est tout à fait ce que je recherche. Donc évidemment excellent tuto et un grand merci pour nous faire partager votre travail et vos connaissances.

Carl Brison

Merci beaucoup ;-)

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.