Animation API

[hemanth]

@stoeffel How about animate(animationFunction, element) to use Element#animate?

[stoeffel]

How would animationFunction look like?

[hemanth]

Well, something like:

let animationFunction = () => {
  {  animate : [
      {cssProperty: value0},
      {cssProperty: value1},
      {cssProperty: value2},
     ], 
     duration: timeInMs,
     iterations: iterationCount,
     delay: delayValue
  };
};

[stoeffel]

How about
animate(animationFunction, configFunction, element)

let animationFunction = () => [
      {cssProperty: value0},
      {cssProperty: value1},
      {cssProperty: value2},
     ];
let configFunction = () => {
     duration: timeInMs,
     iterations: iterationCount,
     delay: delayValue
  }

[stoeffel]

So it would be possible to create a animation like this:

const fancyAnim = animate(fancyStuff);
const fancyAnim2s = fancyAnim(() => { duration: 2000 });
const fancyAnim3s = fancyAnim(() => { duration: 3000 });

fancyAnim2s(element1);
fancyAnim3s(element2);

[hemanth]

Should be.

[stoeffel]

👍