ToutSurTout.biz / [Réglé] Changement de background besoin d'aide

Philippe · Discussion postée le 14-03-2013 à 10:59:30

Bonjour à tous je viens faire une demande bien spécifique en effet j'aimerai pouvoir modifier mon backround sur mon site et le rendre plus comment dire joyeux et original pour cela

Vous n'avez jamais entendu parlé de l'effet Parallax ?

Cela consiste à animer plusieurs couches d'images (transparentes) superposées à différentes vitesses créant ainsi un effet animé très réussi.

Le rendu est vraiment sympa, si vous combinez les bonnes images, vous arriverez facilement à faire quelque chose de très réussi.

Mise en place

Créez vos divs HTML:

Code :

Ajouter une couche CSS pour appliquer vos images aux divs:

Code :

#background { background: url(../images/background.png) repeat 5% 5%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; } #midground { background: url(../images/midground.png) repeat 20% 20%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; } #foreground { background: url(../images/foreground.png) repeat 90% 110%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 300; }

Et enfin la couche Javascript:

Code :

je vous ai mis le code pour m'aider dans ma démarche et la démo ci-dessous pour vous montrer l'effet désiré.
J'aimerai un peu près cet effet sur mon site également si vous voyez ce que je veux dire

démo ==> http://css-tricks.com/examples/StarryNightMoving/

Loic · Réponse postée le 14-03-2013 à 14:03:12

Très joli cet effet !

Loic · Réponse postée le 05-09-2013 à 02:41:02

Réglé.

• Annonce ToutSurTout

Message 1 Discussion postée le 14-03-2013 à 10:59:30

[Réglé] Changement de background besoin d'aide

Code :

Code :

Code :

Message 2 Réponse postée le 14-03-2013 à 14:03:12

Re: [Réglé] Changement de background besoin d'aide

Message 3 Réponse postée le 05-09-2013 à 02:41:02

Re: [Réglé] Changement de background besoin d'aide