Parallaxe simple en css (sans js)

Bonjour,

Je dispose d'une image en background. Pour obtenir un effet parallaxe basique, je pourrais remplacer "scroll" par "fixed" mais bon, pas grandiose.

Est-il possible d'ajouter juste un décalage de l'image au moment du scroll mais juste en css ?

Mon code actuel :

.equipe {
	background-position: 0px top;
	min-height: 797px;
	background-image: url(img/home-equipe.jpg);
	background-origin: content-box;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

Bonjour,
Après quelques recherches sur Internet, je pensais que ça n’était pas possible de faire un parallaxe pur CSS pleinement fonctionnel, avant de tomber sur cet article : https://keithclark.co.uk/articles/pure-css-parallax-websites/.
Cette technique utilise une structure 3D faites de couches empilées sur l’axe Z, les différences d’échelles étant corrigées par transformation CSS. Je ne suis pas du tout spécialiste, ni même sûr d’y avoir tout compris, mais je partage quand même ce lien au cas où.
Cela dit c’est énormément bluffant de voir tout ce que l’on peut faire en CSS de nos jours !

Merci beaucoup pour ce lien. Effectivement, le résultat avec le seul CSS est assez bluffant, même si comme toi je n'ai pas tout compris, mais dans mon cas, je reconnais que mon besoin est (/semble) plus modeste.

Il s'agirait donc de pouvoir juste générer un petit décalage à contretemps de mon image en BG, juste de quelques px, au moment du scroll.

Vu le résultat obtenu depuis ton lien, on peut se permettre raisonnablement de rêver