Menu

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

elrking096 1199 Messages postés mercredi 20 août 2008Date d'inscription 28 novembre 2017 Dernière intervention - 29 sept. 2017 à 14:37 - Dernière réponse : elrking096 1199 Messages postés mercredi 20 août 2008Date d'inscription 28 novembre 2017 Dernière intervention
- 3 oct. 2017 à 17:07
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
Afficher la suite 

Votre réponse

4 réponses

M3tropolo 42 Messages postés jeudi 31 août 2017Date d'inscription 16 décembre 2017 Dernière intervention - 29 sept. 2017 à 22:51
0
Merci
    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.
elrking096 1199 Messages postés mercredi 20 août 2008Date d'inscription 28 novembre 2017 Dernière intervention - 1 oct. 2017 à 14:34
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...
M3tropolo 42 Messages postés jeudi 31 août 2017Date d'inscription 16 décembre 2017 Dernière intervention - 1 oct. 2017 à 22:34
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.
elrking096 1199 Messages postés mercredi 20 août 2008Date d'inscription 28 novembre 2017 Dernière intervention - 3 oct. 2017 à 17:07
Merci pour l'aide.
Commenter la réponse de M3tropolo