Skip to content

Instantly share code, notes, and snippets.

@user44

user44/mfp-blurred.css

Forked from agragregra/mfp-blurred.css
Created September 6, 2016 16:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save user44/b25de6a76c8c3b30e05bf40b6ed95e21 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save user44/b25de6a76c8c3b30e05bf40b6ed95e21 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @agragregra agragregra revised this gist Dec 23, 2015. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion mfp-blurred.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,9 @@
    CSS:
    * {
    transition: filter .25s ease;
    }
    .mfp-wrap ~ * {
    filter: blur(1px);
    filter: blur(1px);
    }

    Sass:
  2. @agragregra agragregra revised this gist Dec 23, 2015. 1 changed file with 8 additions and 1 deletion.
    9 changes: 8 additions & 1 deletion mfp-blurred.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,10 @@
    CSS:
    .mfp-wrap ~ * {
    filter: blur(1px);
    }
    }

    Sass:
    *
    transition: filter .25s ease
    .mfp-wrap ~ *
    filter: blur(5px)
  3. @agragregra agragregra revised this gist Dec 23, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion mfp-blurred.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,3 @@
    body.mfp-zoom-out-cur > :not(.mfp-wrap) * {
    .mfp-wrap ~ * {
    filter: blur(1px);
    }
  4. @agragregra agragregra created this gist Dec 23, 2015.
    3 changes: 3 additions & 0 deletions mfp-blurred.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    body.mfp-zoom-out-cur > :not(.mfp-wrap) * {
    filter: blur(1px);
    }