Преобразование Swift CAKeyframeAnimation в CSS

Question

У меня есть CAKeyframeAnimation на CAGradientLayer, который я хотел бы превратить в CSS Keyframe Animation на градиенте.Я уже повторил градиент, мне просто нужна помощь с самой анимацией ключевого кадра.

Что у меня есть в CSS:

background: linear-gradient(45deg, #e30613, #312782, #00a19a);

Анимация Swift:

let duration:CFTimeInterval = 30

let animSt = CAKeyframeAnimation(keyPath: "startPoint")
animSt.values = [CGPoint(x: 0, y: 1),
                 CGPoint(x: 1, y: 1),
                 CGPoint(x: 1, y: 1),
                 CGPoint(x: 1, y: -1),
                 CGPoint(x: 1, y: -1),
                 CGPoint(x: -1, y: -1),
                 CGPoint(x: -1, y: -1),
                 CGPoint(x: -1, y: 1),
                 CGPoint(x: 0, y: 1),
                 CGPoint(x: 0, y: 1)]
animSt.duration = duration

let animEd = CAKeyframeAnimation(keyPath: "endPoint")
animEd.values = [CGPoint(x: 1, y: 0),
                 CGPoint(x: 1, y: 0),
                 CGPoint(x: -1, y: 0),
                 CGPoint(x: -1, y: 1),
                 CGPoint(x: 1, y: 1),
                 CGPoint(x: 1, y: 1),
                 CGPoint(x: 1, y: -1),
                 CGPoint(x: 1, y: -1),
                 CGPoint(x: 1, y: -1),
                 CGPoint(x: 1, y: 0)]
animEd.duration = duration

let group = CAAnimationGroup()
group.animations = [animSt, animEd]
group.duration = duration
group.repeatCount = .infinity