Effet de Parallax en HTML/CSS

Question

Bonjour à tous, 

Ayant commencé cette année les langages HTML et CSS et maniant déjà Photoshop, j'aimerais essayer de créer un effet de parallax comme celui-ci: http://www.firewatchgame.com/

Du coup j'ai créé ce document http://www.noelshack.com/2015-48-1448831837-1.png dont j'ai enregistré chaque calque, soigneusement nommé et rangé dans le dossier "img" de ma future page comme ceci http://www.noelshack.com/2015-48-1448831923-2.png

Et maintenant, ça coince, je ne sais pas comment créer l'effet! Auriez-vous une idée?

jordane45 · Answer

Bonjour,

Il semble exister pas mal de tutos sur le net à ce sujet
Par exemple :
https://www.creativejuiz.fr/blog/tutoriels/css3-effet-parallaxe-sans-javascript

ou encore https://www.alsacreations.com/tuto/lire/1417-zoom-sur-effet-parallaxe.html

Ou, avec javascript (jquery)
http://www14.jqueryrain.com/?tdfs=1&kwl=Dedicated%20Servers%7CCloud%20Servers%7CColocated%20Servers%7C%7C%7C%7C%7C%7C%7C%7C

Effet de Parallax en HTML/CSS

1 réponse

Votre réponse

Discussions similaires

Newsletters