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

Résolu

elrking096 Messages postés 1482 Statut Membre -
elrking096 Messages postés 1482 Statut Membre - 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

A voir également:

Comment réaliser un parallax en pur CSS sans JS ?
Réaliser un organigramme - Guide
Réaliser un camembert graphique - Guide
Comment réaliser un graphique sur excel - Guide
Réaliser un sommaire sur word - Guide
Arrondi js ✓ - Forum Windows

1 réponse

Réponse 1 / 1

M3tropolo Messages postés 49 Statut Membre 4

    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 Messages postés 1482 Statut Membre 49

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 Messages postés 49 Statut Membre 4

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 Messages postés 1482 Statut Membre 49

Merci pour l'aide.

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

'JS/Agent.TS' Qu'est ce que c'est ?

code couleur associé a une image

Nuages de point avec abscisses différentes

Enlever le soulignement sous les liens en HTML/CSS

Votre réponse

Discussions similaires