Effet parallaxe simplifié |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(1)
Envoyé : 21 Juil 2016 à 09:30 |
Brolysan propose ceci (ici l'effet : http://guidepolonais.com/) :
Panneau d'éléments ou cadre sur la page largeur au choix (pour mes sites, c'est 100%) et hauteur fixe Ensuite, vous ajoutez une image de fond par le menu du haut avec une répétition sur fixe allez ensuite dans Styles ( menu de droite) puis Personnalisation Ouvrez le menu Arrière plan mettez ses paramètres suivants : Image mobilité : Fixe Image Position : milieu Taille (CSS3) : Prédéfinie Cover (couvrir) Larsène rajoute ceci : Brolysan a donné la façon la plus simple d'imiter cela. Sinon, il suffit de mettre en place http://pixelcog.github.io/parallax.js/ Il suffit de suivre les infos ! Merci à eux! |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Si tu veux voir un vrai effet parallax, j'ai fait ce site web.
L'idée de base du parallax est que l'image en arrière plan bouge différemment par rapport aux autres lors du scroll. L'astuce donnée plus haut est la même idée sauf que l'image est fixe mais donne déjà un bel effet sympa du moment que l'on réfléchit bien à l'image utilisée.
|
|
Bridet
Senior Member Depuis le: 13 Dec 2013 Pays: Condroz Status: Inactif Points: 5049 |
Options des messages
Thanks(0)
|
J'avoue que la différence ne me saute pas aux yeux!
|
|
Hobby001
Admin Group Modérateur Depuis le: 14 Feb 2015 Pays: Canada, Québec Status: Inactif Points: 6508 |
Options des messages
Thanks(0)
|
Regardez ce site, l'effet parallaxe sur scroll donne des vitesses de déplacement différentes aux différents éléments.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
oui, il est sur 3 images par panneau...y a du taff là, pour arriver à faire ça dans OE.
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |