CSS动画径向渐变？

Question

我有一个具有这样的背景径向渐变的div。.

background-image: radial-gradient(circle at 50% 50%, #d9affe, #a034fe 100%);

如何创建动画或过渡效果，以使圆心像这样从0％移到100％...

发件人：

background-image: radial-gradient(circle at 50% 0%, #d9affe, #a034fe 100%);

收件人：

background-image: radial-gradient(circle at 50% 100%, #d9affe, #a034fe 100%);

非常感谢