2016-11-15 4 views
0

J'essaye d'appliquer des animations à la carte md (en essayant de répliquer le https://teradata.github.io/covalent/#/components/expansion-panel) ... Je peux obtenir la vue et appliquer les animations mais la transition quand une carte est agrandie/effondré est lisse que je ne suis pas en mesure d'obtenir. Je l'ai fait une démo ici http://plnkr.co/edit/kvzSSbseT5cbOv054i2u?p=preview où la transition entre les Etats est fast.I essaie de mettre en œuvre le même genre d'animation quand ma carte dans la démo est cliqué ...Application d'effets d'animation pour les effets d'animation angulaire2

animations: [ 
    trigger('animationState', [ 
     state('active', style({ height: '*' })), 
     state('inactive', style({ height: '0px', display: 'none' })), 
     transition('inactive => active', animate('150ms ease-out')), 
     transition('active => inactive', animate('150ms ease-out')) 
    ]) 
] 

Ce sont les animations que je suis essayer d'appliquer. quelqu'un peut-il s'il vous plaît m'aider à obtenir un tel effet d'animation qui est dans le lien ci-dessus?

Répondre