HOW TO: CSS Blur Background with 40+ Examples

See the Pen Better blur/darken filter by Taylor Hunt (@tigt) on CodePen.

Title :- Better blur/darken filter
Author :- Taylor Hunt
Made with:- CSS HTML

See the Pen Javascript 30 – 3 – CSS variables & JS by Mark Taylor (@Airster) on CodePen.

Title :- Javascript 30 – 3 – CSS variables & JS
Author :- Mark Taylor
Made with:- CSS HTML

See the Pen Depth of field effect with SVG filters by Vaughan Curd (@vcurd) on CodePen.

Title :- Depth of field effect with SVG filters
Author :- Vaughan Curd
Made with:- CSS HTML

See the Pen CSS Blur Overlay by Josh Bader (@joshbader) on CodePen.

Title :- CSS Blur Overlay
Author :- Josh Bader
Made with:- CSS HTML

See the Pen Inline CSS Blur for Mozilla by Beben Koben (@beben-koben) on CodePen.

Title :- Inline CSS Blur for Mozilla
Author :- Beben Koben
Made with:- CSS HTML

See the Pen Pop-up with blurred background animation by Benjamin Dalton (@jaeming) on CodePen.

Title :- Pop-up with blurred background animation
Author :- Benjamin Dalton
Made with:- CSS HTML

See the Pen Depth of field effect in CSS by Chris Ruppel (@rupl) on CodePen.

Title :- Depth of field effect in CSS
Author :- Chris Ruppel
Made with:- CSS HTML

See the Pen Hover effect blur by Hervé (@herve) on CodePen.

Title :- Hover effect blur
Author :- Hervé
Made with:- CSS HTML

See the Pen blur_section by Di Stefano olivier (@lekooka) on CodePen.

Title :- blur_section
Author :- Di Stefano olivier
Made with:- CSS HTML

See the Pen Simple Image Tag Parallax by Renan Breno (@RenanB) on CodePen.

Title :- Simple Image Tag Parallax
Author :- Renan Breno
Made with:- CSS HTML