Clever idea to use a dramatically zoomed image to allow for a variety of &quot;stops&quot; in the gradient!<p>I&#x27;ve used random CSS gradient backgrounds on my personal blog for some time [1].  The &quot;background options&quot; at the left includes a couple grays and a random colors option.  The randomness is recomputed each time you click on one of the options.<p>In IE 10 and 11, the only browsers that I am aware of that do gradient transitions, they slowly animate.<p>[1] <a href="http:&#x2F;&#x2F;tiamat.tsotech.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;tiamat.tsotech.com&#x2F;</a>