SVG Blur Effects
<!DOCTYPE html> <html> <body> <svg width="240" height="100" viewBox="0 0 240 100" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="blurLight"><feGaussianBlur stdDeviation="2" /></filter> <filter id="blurHeavy"><feGaussianBlur stdDeviation="8" /></filter> </defs> <circle cx="60" cy="50" r="35" fill="crimson" filter="url(#blurLight)" /> <circle cx="170" cy="50" r="35" fill="crimson" filter="url(#blurHeavy)" /> </svg> </body> </html>