<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg"> <title>Testcase for gradient with offset focal point</title> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=828157 --> <rect width="100%" height="100%" fill="lime"/> <radialGradient id="g" r="50%" fy="0%"> <stop stop-color="lime" offset="0%"/> <stop stop-color="lime" offset="100%"/> <stop stop-opacity="0" offset="100%"/> </radialGradient>" <circle cx="50" cy="50" r="48" fill="red"/> <rect width="100" height="100" fill="url(#g)"/> </svg>