Vous n'êtes pas identifié.

Annonce

#1 Vitesse de scroll dans les background du 15-11-2013 21:28:55

jardineros
c00lnaute nouveau
Date d'inscription: 15-11-2013
Messages: 1

Vitesse de scroll dans les background

Je souhaiterais faire un background avec 3 images qui défileraient différemment, lors du scroll de la page.
Voici le code placé dans le <head>
<style>
body{
     background-image: url("bg0.png"), url("bg-5.png"), url("bg-10.png") ;
     /*background-position : -100px 300px, 50px 100px, 0px, 0px ;*/
     background-position : 50% 100%, 50% 70%, 50% 100% ;
     background-repeat: no-repeat,  no-repeat,   no-repeat;
     background-attachment : scroll, scroll, fixed;
     background-width: 100%;
     background-height: 100%;
     z-index : 3, 2 ,1;
}
</style>

La page de démo se trouve ici: Démonstration.

Seuls les z-index 3 et deux sont en scroll, j'aimerais ralentir le scroll du z-index 2 afin d'accentuer l'effet 3D.

Deux jours de recherche et je n'ai pas trouvé.


Hors ligne

 

15-11-2013 21:28:55

Mister $$$


#2 Re Vitesse de scroll dans les background du 16-11-2013 08:41:02

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 2164
Site web

Re: Vitesse de scroll dans les background

Bonjour jardineros,

Vous me posez une sacré colle, j'en ai aucune idée gnee Peut-être voir du côté des keyframes ...

Hors ligne

 

Propulsé par PunBB
© Copyright 2007
Forum créer un site

Partenaires de « créer un site internet »