是否可以使用CSS 3动画为背景设置动画？线性渐变？

Question

我需要知道是否可以使用CSS动画制作动画

background: linear-gradient()

我正在尝试以下代码（仅对Chrome有效），我无法达到预期效果。

如果CSS动画无法实现，可以使用CSS Transitions解决，如果是，请提供示例吗？感谢。

#target {
  width: 300px;
  height: 300px;
  margin: 0;
  padding: 0;
  background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640);
  background-size: 600% 600%;
  animation: Gradient 8s ease infinite;
}

@keyframes Gradient {
  0% {
    background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640);
    background-position: 0% 50%
  }
  100% {
    background: linear-gradient(270deg, #18f0b8, #18a2f0, #ffffff);
    background-position: 0% 50%
  }
}

<div id="target"></div>