Use Element.animate() to change background-color

usery6A6 0
Viewed 23

Trying to use Element.animate() to change background-color, to mimic refresh effect.

Code:

  const blinkOnPage = (id) => {
    document.getElementById(id).animate(
        [
          {"background-color": '#def', color: '#def'},
        ], {
          easing: 'ease-in-out',
          duration: 200
        });
  }

In my test, color works, but background-color doesn't, how to fix it?

css-animations javascript css html
1 Answers

Never mind, just found the solution:

Change background-color to background works.

  const blinkOnPage = (id) => {
    document.getElementById(id).animate(
        [
          {background: '#def', color: '#def'},
        ], {
          easing: 'ease-in-out',
          duration: 100
        });
  }
usery6A60
Related