Comment réaliser un parallax en pur CSS sans JS ? [Résolu/Fermé]

Signaler
Messages postés
1115
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
28 novembre 2017
-
Messages postés
1115
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
28 novembre 2017
-
Bonjour je voudrais réaliser un vrai parallax où je peux vraiment contrôler la vitesse du scroll en pur CSS.
comment faire ? dans les grandes lignes... Dois-je faire de la 3D avec les z-index et tout ?
merci

1 réponse

Messages postés
42
Date d'inscription
jeudi 31 août 2017
Statut
Membre
Dernière intervention
16 décembre 2017
1
    background-image: url("x.jpg");

height: 500px;

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

Impossible de changer la vitesse de défilement depuis le CSS, ce qui est evaluer par le navigateur. Utilise JS.
Messages postés
1115
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
28 novembre 2017
48
merci pour ta réponse mais

Impossible de changer la vitesse de défilement depuis le CSS, ce qui est evaluer par le navigateur. Utilise JS.


tu es vraiment sûr de ça ? parce que je viens juste de tomber sur un tutoriel comme ça https://www.youtube.com/watch?v=n9zLJ0I8Djk et apparemment il le fait avec la 3D, la profondeur des éléments quoi...
Messages postés
42
Date d'inscription
jeudi 31 août 2017
Statut
Membre
Dernière intervention
16 décembre 2017
1
Ah, mais la on ne parle plus de vitesse de scroll, ceci est enfaite une illusion créer par des éléments qui scrolls, non la page elle même.
Messages postés
1115
Date d'inscription
mercredi 20 août 2008
Statut
Membre
Dernière intervention
28 novembre 2017
48
Merci pour l'aide.