[Adobe Muse] Animations pour site Web avec Animista

Vous voulez ajouter facilement des animations CSS à votre site Muse ?


Animista est un site où vous pourrez trouver toute  une collection d'animations pré-fabriquées, organisées et accessibles pour tous vos projets.


Vous devez télécharger ce Widget Animista gratuitement.(Le lien se trouve en bas de la publication)

Allez sur Animista et choisissez l'animation que vous voulez.


Après avoir fait votre choix cliquez sur le cœur pour l'ajouter à vos favoris. 




Cliquez ensuite sur l'icône à côté du cœur pour saisir la première partie du code. 



Vous allez être redirigé vers une autre page où vous trouverez le code. Copiez-le et allez dans Muse.


 
 


Allez dans les options du widget que vous avez téléchargez précédemment, et collez le code dans "Code de style graphique"






Revenez sur Animista et cliquez sur Grab qui se trouve en dessous de votre code. 




En cliquant sur Grab vous allez être redirigé vers une autre page où vous aurez la deuxième partie du code. Copiez le code puis revenez dans votre Adobe Muse.


 Collez le code dans les paramètres du widget  "Images-clés d'animation".




Copiez le style graphique qui se trouve dans la première partie du code. 





Ouvrez l'onglet Style graphique dans Muse et créez un nouveau style graphique. Collez le nom et cliquez sur OK.

N'oubliez pas d'appliquer le style graphique à chaque élément que vous voulez animer. 






Si vous rencontrez des problèmes n'hésitez pas à en faire part par commentaire. 



Regardez le Tuto : 




 


Commentaires

Posts les plus consultés de ce blog

5 Conseils utiles pour vous améliorer sur Adobe Muse

[Adobe Muse] Menu hamburger avec Lightbox et effets de textes

Comment créer un menu hamburger avec un effet fondu