Skip to content

Instantly share code, notes, and snippets.

@webprogramozo

webprogramozo/blur-bs3-bs4.css

Last active October 5, 2024 13:48
Show Gist options
  • Save webprogramozo/9684826e469e5dc375e98f65559e1509 to your computer and use it in GitHub Desktop.
Save webprogramozo/9684826e469e5dc375e98f65559e1509 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. webprogramozo revised this gist May 15, 2024. 2 changed files with 8 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions blur.css → blur-bs3-bs4.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    /* Compatible with Bootstrap 3 and 4 */

    body.modal-open > :not(.modal) {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    6 changes: 6 additions & 0 deletions blur-bs5.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    /* Compatible with Bootstrap 5, thanks @imikh */

    .modal {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    }
  2. webprogramozo revised this gist May 5, 2024. No changes.
  3. webprogramozo created this gist Jun 7, 2016.
    7 changes: 7 additions & 0 deletions blur.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    body.modal-open > :not(.modal) {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    }