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

Résolu

elrking096 -

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

--
miami.tonsite.biz

Afficher la suite

1 réponse

Réponse 1 / 1
M3tropolo
```
    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
1. elrking096 Auteur
  
  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
2. M3tropolo
  
  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
3. elrking096 Auteur
  
  Merci pour l'aide.
  
  0

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

1 réponse

Discussions similaires

Newsletters