This is a great write-up, thanks for sharing. I particularly appreciate the variety of CodePen examples given.
Could you have a look at Ian Forrest's CSS Gradient Animator and let us know what you think of it?
Also, how does changing the linear gradient degree impact the animation?