Angular 4+ Animated Icons
Quelqu'un sait-il comment utiliser/activer les icônes animées dans une application Web angulaire qui apparaissent dans la documentation de conception du matériel: https://material.io/design/iconography/animated-icons.html#usage
Vous pouvez implémenter via un composant en utilisant des icônes. Implémentez un composant contenant un tableau pour les icônes, puis permutez l'intervalle régulier des icônes. Chaque icône représente un état/une image.
Par exemple: Utilisez les icônes suivantes dans un tableau, puis échangez-les toutes les 100 ms.
- https://fontawesome.com/v4.7.0/icon/pencil
- https://fontawesome.com/v4.7.0/icon/pencil-square-o
- https://fontawesome.com/v4.7.0/icon/pencil-square
Mettre à jour:
Reportez-vous à Animate Font Awesome icons dans Angular article.
Forked from above https://stackblitz.com/edit/animated-icons-angular-forked
material.io est une spécification et un guide sur la façon de concevoir un matériau, Le composant de matériau angulaire est construit sur ce type de spécification, mais ne montre aucune information sur l'icône de matériau animé Google.