CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

quels frameworks animations js

skoykyu
skoykyu
Niveau 4
08 mars 2019 à 14:43:42

Salut !
je suis sur un projet de site, et j'aimerais faire des animations js pour rendre mon site plus dynamique.
Je voudrais savoir, comment faire des effets présents sur ce site. ( en particulier celui du début quand on scroll la div change mais la page ne scroll pas vraiment ).
site en question : https://www.wokine.com/
Si il faut des frameworks, j'aimerais savoir lesquels. Si c'est en js pur ou jquery, je compte vraiment sur votre aide : )

Merci d'avance

skoykyu
skoykyu
Niveau 4
08 mars 2019 à 14:55:21

j'ai oublié de préciser que je sais qu'on peut utiliser le parralax pour certains effets.
Je compte utiliser ce framework : https://tgomilar.github.io/paroller.js/
cependant, je cherche surtout l'effet au départ, lorsqu'on scroll et que la div bouge.
Ou alors c'est juste une position fixe qui n'est plus fixe lorsqu'on à assez scroller ?

deepblue
deepblue
Niveau 16
08 mars 2019 à 15:55:48

Sans trop fouiller dans le code, quand on est tout en haut de la page, body a les classes suivante : page-home loaded showHello. Quand un scroll un coup vers le bas, showHello disparait de la liste des classes de body. Pour l'effet, c'est, je pense, que des animation CSS pour changer des propriétés sur les éléments.

https://image.noelshack.com/fichiers/2019/10/5/1552056933-5c82825c2.png

skoykyu
skoykyu
Niveau 4
08 mars 2019 à 19:17:58

ok merci beaucoup je vois,
mais pourtant lorsqu'on scroll la div ne bouge pas.
j'ai fouiller et j'ai vu des martix() dans le html, c'est peu être ca ?

merci pour la réponse :)

skoykyu
skoykyu
Niveau 4
09 mars 2019 à 14:04:59

:up: :up:

DitesMoiBonjour
DitesMoiBonjour
Niveau 10
09 mars 2019 à 19:23:44

jette un coup d'oeil à GreenSock (Tweenmax)

skoykyu
skoykyu
Niveau 4
09 mars 2019 à 22:20:17

merci beaucoup je jetterai un coup d'oeil plus approfondi demain ;)

Zongo_Le_Dozo
Zongo_Le_Dozo
Niveau 8
10 mars 2019 à 17:57:56

Le 08 mars 2019 à 14:43:42 skoykyu a écrit :
Salut !
je suis sur un projet de site, et j'aimerais faire des animations js pour rendre mon site plus dynamique.
Je voudrais savoir, comment faire des effets présents sur ce site. ( en particulier celui du début quand on scroll la div change mais la page ne scroll pas vraiment ).
site en question : https://www.wokine.com/
Si il faut des frameworks, j'aimerais savoir lesquels. Si c'est en js pur ou jquery, je compte vraiment sur votre aide : )

Merci d'avance

JQUERY UI !!!!! https://image.noelshack.com/fichiers/2016/48/1480356592-videotogif-2016-11-28-19-03-44.gif

ET JQUERY EN GÉNÉRALE POUR LES ANIM BASIC https://jqueryui.com/

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment