Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Translucent grid over background image
.background-layers(@top, @bottom) {
background: url(@top), url(@bottom);
background-position: top center, top center;
background-attachment: fixed, fixed;
background-repeat: repeat, repeat;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-size: auto, cover;
}
/////// Use it like this. don't forget the single quotes ///////
.background-layers('the-top-image.png', 'the-bottom-image.jpg');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.