Effet de Parallax en HTML/CSS
crzbr
Messages postés
1
Date d'inscription
dimanche 29 novembre 2015
Statut
Membre
Dernière intervention
29 novembre 2015
-
29 nov. 2015 à 22:20
jordane45 Messages postés 38486 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 août 2025 -
jordane45 Messages postés 38486 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 août 2025 -
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?
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?
A voir également:
- Effet de Parallax en HTML/CSS
- Effet miroir word - Guide
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Comment imprimer en effet miroir ✓ - Forum MacOS
1 réponse
jordane45
Messages postés
38486
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 août 2025
4 752
1 déc. 2015 à 01:40
1 déc. 2015 à 01:40
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
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
