Skip to content

Instantly share code, notes, and snippets.

@marcialca
Created January 14, 2013 05:14
Show Gist options
  • Select an option

  • Save marcialca/4527901 to your computer and use it in GitHub Desktop.

Select an option

Save marcialca/4527901 to your computer and use it in GitHub Desktop.
[CSS] Faux Gradient using an Image and CSS
From: http://webdesign.tutsplus.com/tutorials/visuals/quick-tip-using-images-as-fullscreen-faux-gradient-backgrounds/
1. Use a 300x300 img
2. Apply a gaussian blur with a radious of 40 or more
3. Apply the CSS
body{
margin: 0;
background: url('img/bg.jpg');
background-size: 100% 100%;
background-attachment: fixed;
}
body {
background-image: url("img/imgname.png");
background-attachment: fixed;
}
body {
background-image: url("image1.png"), url("image2.png");
background-attachment: scroll, fixed;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment