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

aide svg css

Lu--K
Lu--K
Niveau 8
06 mars 2018 à 22:42:41

Salut les gens !
Alors j'ai envie d'animer une forme svg sur mon site internet en la faisant "bouger". Avec des espèces de vagues au extrémités. J'ai trouvé svg morphéus mais je peux seulement faire des vagues avec.
Une idée de quoi utiliser ?
Merci beaucoup !

[Kakuzu]2
[Kakuzu]2
Niveau 34
07 mars 2018 à 01:12:07

Je suis pas sûr de comprendre ce que tu veux faire, mais regarde du côté de SMIL, tu dois avoir moyen de le faire avec ça.

crow999
crow999
Niveau 9
07 mars 2018 à 22:33:58

Pour animer un SVG, tu dois créer (dans Illustrator par exemple.) des calques avec tes éléments que tu veux animer dans chacun d'eux.
Pense à bien nommer tes calques, c'est important pour la suite !
Quand tu l'auras enregistré sous format SVG, ouvre le dans un navigateur et CTRL+C les balises <svg></svg> que tu placeras dans ton projet.
Ensuite, dans les balises SVG tu verras des balises <g></g> avec des ID qui auront le même nom que tes calques dans illustrator (c'est là que le nom des calques interviennent).
Par exemple <g id="calques_1"> </g>
Dans ton CSS ou ton JS tu pourras les sélectionner via leurs ID respectfs et y placer tes animations.

Si tes <g></g> n'ont aucun id correspondant à tes calques (ça arrive que sur les versions antérieures à illustrator, ça ne le fasse pas encore).

Message édité le 07 mars 2018 à 22:37:14 par crow999
Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment