Skip to content

Instantly share code, notes, and snippets.

@bearded-avenger

bearded-avenger/blur.less

Created October 27, 2014 13:20
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bearded-avenger/e39ede8d074dcaad310d to your computer and use it in GitHub Desktop.
Save bearded-avenger/e39ede8d074dcaad310d to your computer and use it in GitHub Desktop.
Download ZIP
CSS Blur - No IE Support
Raw
blur.less
.abs-pos-img-div {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
z-index: 0;
.translate3d(0, 0, 0);
.blur(15px);
.scale(1.2);
}
@bearded-avenger
Copy link
Author

This is an absolutely positioned div inside a parent with relative positioning. The translate and scale are to prevent the edges from going soft.

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