Comment réaliser un parallax en pur CSS sans JS ?

Résolu/Fermé
elrking096 Messages postés 1115 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 28 novembre 2017 - 29 sept. 2017 à 14:37
elrking096 Messages postés 1115 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 28 novembre 2017 - 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

1 réponse

M3tropolo Messages postés 42 Date d'inscription jeudi 31 août 2017 Statut Membre Dernière intervention 16 décembre 2017 4
29 sept. 2017 à 22:51
    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.
0
elrking096 Messages postés 1115 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 28 novembre 2017 48
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...
0
M3tropolo Messages postés 42 Date d'inscription jeudi 31 août 2017 Statut Membre Dernière intervention 16 décembre 2017 4
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.
0
elrking096 Messages postés 1115 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 28 novembre 2017 48
3 oct. 2017 à 17:07
Merci pour l'aide.
0