Как сделать маску на css в движении?

Question

[LB777]

У фотографии есть маска стоящия из трех градиентов jsfiddle.net/7ro6cat2/1
Мне надо сделать так, что бы градиенты постоянно перемещались с право налево (направление не имеет значение). Т.е. сейчас зелёный, желтый, красный, потом она как бы перемещается с право налево и получается желтый, красный, сини, далее она так же перемещается и получается красный, сини, белый и т.д.
Цвета не должны меняться, а именно должен быть эффект перемещения с право налево.
Как это сделать?

Answer 1

[LB777]

решил таким способом
jsfiddle.net/7ro6cat2/18