How to use the ember-animated/motions/resize 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 cardstack / portfolio / packages / common / addon / components / moving-inner-box.js View on Github external
sentSprites.forEach(sprite => {

      // Caution! This is a hack. It just happens to be safe in this situation
      // because we're messing with only the children of sentSprites, which will
      // all get destroyed at the end of animation regardless.
      [...sprite.element.children].forEach(element => {
        element.classList.add('ember-animated-hidden');
      });

      sprite.applyStyles({ 'z-index': 1 });
      move(sprite);
      resize(sprite);
      adjustColor.property('background-color')(sprite);
    });
  }
github ember-animation / ember-animated / tests / dummy / app / components / swap-nested.js View on Github external
receivedSprites.forEach(sprite => {
      move(sprite);
      resize(sprite);
    });
  },
github cardstack / cardstack / packages / cardhost / app / components / right-edge.js View on Github external
keptSprites.forEach(sprite => {
      resize(sprite, { easing: easeInAndOut, duration });
    });
  }
github cardstack / portfolio / packages / common / addon / components / moving-box.js View on Github external
receivedSprites.forEach(sprite => {
      sprite.applyStyles({ 'z-index': 1 });
      move(sprite);
      resize(sprite);
    });
  },