blurry-gradient-haikei.svg

<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><defs><filter id="blur1" x="-10%" y="-10%" width="120%" height="120%"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="163" result="effect1_foregroundBlur"></feGaussianBlur></filter></defs><rect width="960" height="540" fill="#6600FF"></rect><g filter="url(#blur1)"><circle cx="88" cy="40" fill="#00CC99" r="363"></circle><circle cx="648" cy="227" fill="#6600FF" r="363"></circle><circle cx="297" cy="157" fill="#00CC99" r="363"></circle><circle cx="364" cy="337" fill="#00CC99" r="363"></circle><circle cx="872" cy="242" fill="#6600FF" r="363"></circle><circle cx="74" cy="326" fill="#00CC99" r="363"></circle></g></svg>