Velocity.js - Comment utiliser des séquences avec des effets d'interface utilisateur?

Question

J'essaye sans succès jusqu'à présent.

Nous pouvons avoir quelque chose comme ceci:

function _nextStepTransition(elementOut, elementIn) { 

     var goForward = [ 
      { e: elementOut, p: { translateX: 100 }, o: { duration: 1000 } }, 
      { e: elementIn, p: { translateX: 200 }, o: { duration: 1000 } } 
     ]; 
     $.Velocity.RunSequence(goForward); 
    } 

Pour autant que je compris, p représente la propriété. D'accord.

Est-ce que quelqu'un sait si on peut passer comme p:propriété, l'effet de l'interface utilisateur transition.slideDownBigIn, afin que nous puissions avoir une séquence d'effets de l'interface utilisateur?

Je ne sais rien de la syntaxe à appliquer ici (si possible), et mes essais ne donnent rien pour l'instant.

Answer 1

Oui, bien sûr. Il suffit de remplacer le Object en p avec un string de la transition/callout que vous souhaitez faire, comme dans:

var goForward = [ 
     { e: elementOut, p: 'callout.pulse', o: { duration: 1000 } }, 
     { e: elementIn, p: 'transition.flipXIn', o: { duration: 1000 } } 
    ]; 

Voir un example here.