Skip to content

Instantly share code, notes, and snippets.

@AnnoyingTechnology

AnnoyingTechnology/Bootstrap-4-blurred-modal.css

Forked from webprogramozo/blur-bs3-bs4.css
Last active May 4, 2024 21:53
Show Gist options
  • Save AnnoyingTechnology/191e888988242371699fb7870f0e379e to your computer and use it in GitHub Desktop.
Save AnnoyingTechnology/191e888988242371699fb7870f0e379e to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap modal with blurry background
Raw
Bootstrap-4-blurred-modal.css
/* blurred background modal for bootstrap v4 */
body.modal-open > :not(.modal) {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
@DhiaDjobbi
Copy link

Works perfectly fine 👍

@AnnoyingTechnology
Copy link
Author

Glad you found it useful :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment