How to use the ember-animated/motions/opacity.fadeIn function in ember-animated

To help you get started, we’ve selected a few ember-animated examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ember-animation / ember-animated / tests / dummy / app / pods / index / utils / animated-code-diff / component.js View on Github external
keptSprites.map(sprite => {
        fadeIn(sprite);
        move(sprite);
      });
      insertedSprites.forEach(fadeIn);
github CenterForOpenScience / ember-osf-web / lib / osf-components / addon / components / files / selected-list / component.ts View on Github external
keptSprites.forEach((sprite: Sprite) => {
            parallel(
                fadeIn(sprite),
                move(sprite, { easing: easeIn }),
            );
        });
        removedSprites.forEach((sprite: Sprite) => fadeOut(sprite));
github ember-animation / ember-animated / docs / app / pods / index / demo-2 / component.js View on Github external
*originalTransition({ insertedSprites, removedSprites, keptSprites }) {
    for (let sprite of insertedSprites) {
      fadeIn(sprite);
    }

    for (let sprite of keptSprites) {
      sprite.moveToFinalPosition();
      fadeIn(sprite);
    }

    for (let sprite of removedSprites) {
      fadeOut(sprite);
    }
  },
github cardstack / cardstack / packages / core / addon / components / drop-zone.js View on Github external
insertedSprites.forEach(sprite => {
      fadeIn(sprite, { duration });
    });
    removedSprites.forEach(sprite => {
github CenterForOpenScience / ember-osf-web / lib / osf-components / addon / components / files / selected-list / component.ts View on Github external
        insertedSprites.forEach((sprite: Sprite) => fadeIn(sprite));
        keptSprites.forEach((sprite: Sprite) => {