Qu’est-ce qu’une animation ?

Une animation est le point auquel la modification d’un composant HTML vous donne une illusion de https://megamix64.fr/ mouvement.

De quoi ai-je besoin?

Pour préparer vos applications à la vivacité, vous devez intégrer la bibliothèque AngularJS Animate :

À ce stade, vous devriez faire allusion au module ngAnimate dans votre application :

Ou d’un autre côté, si votre application a un nom, incluez ngAnimate comme dépendance dans votre module d’application :

Que fait ngAnimate ?

Le module ngAnimate inclut et expulse des classes.

Le module ngAnimate n’accélère pas vos composants HTML ; Cependant, lorsque ng Animate voit certaines occasions, comme la dissimulation ou l’affichage d’un composant HTML, le composant AngularJS Training in Marathahalli obtient des cours pré-caractérisés qui peuvent être utilisés pour créer de la vivacité.

Les mandats dans AngularJS qui incluent/évacuent des classes sont :

                 ng-apparaître
                 ng-cacher
                 classe ng
                 ng-voir
                 ng-inclure
                 ng-répéter
                 ng-si
                 ng-switch

Les mandats ng-show et ng-hide incluent ou évacuent l’estime de classe ng-shroud.

Différents ordres incluent une estime de classe ng-enter lorsqu’ils entrent dans le DOM et un trait ng-leave lorsqu’ils sont expulsés du DOM. Le mandat ng-rehash inclut également l’estime de classe ng-move lorsque le composant HTML change de position.

De plus, au milieu de la vivacité, le composant HTML aura beaucoup d’estimes de classe, qui seront évacuées une fois le mouvement terminé. Précédent : le mandat ng-conceal comprendra ces estimations de classe :

                 ng-animer
                 ng-cover up animer
                 ng-hide add (si le composant sera masqué)
                 ng-conceal expulser (si le composant apparaîtra)
                 ng- cacher ajouter actif (si le composant sera recouvert)
                 ng-hide Remove Active (si le composant apparaîtra)

Animation utilisant CSS

Nous pouvons utiliser les modifications CSS ou les mouvements CSS pour animer les composants HTML. Cet exercice pédagogique vous indiquera tous les deux.

Pour vous familiariser avec l’animation CSS, réfléchissez à notre didacticiel de transition CSS et à notre didacticiel d’animation CSS.