In reality, that layering gradients via multiple backgrounds has still many quirks across current browsers: different pixel rounding errors, different blend mod

In reality, that layering gradients via multiple backgrounds has still many quirks across current browsers: different pixel rounding errors, different blend modes often produces visually incoherent results - seams, gaps and aliasing [1]. One amusing quip: recently I have been messing with CSS3, tried the most simple use-case for `radial-gradient` I could imagine and immediately ran into Chrome bug [2] not reported at the time. I think it is somewhat illustrative. [1] Look for example at http://codepen.io/myf/pen/Bzmmry http://codepen.io/myf/pen/Bzmmry in Chrome and Firefox. [2] https://bugs.chromium.org/p/chromium/issues/detail?id=623714 https://bugs.chromium.org/p/chromium/issues/detail?id=623714