Skip to content

Instantly share code, notes, and snippets.

@scottkellum
Created January 5, 2012 17:44
Show Gist options
  • Save scottkellum/1566317 to your computer and use it in GitHub Desktop.
Save scottkellum/1566317 to your computer and use it in GitHub Desktop.
Blur content on lightbox in Treesaver
/* Apply blur to the first child, which is the chrome. */
#chromeContainer .chrome:first-child {
filter: blur(2px);
}
/* Overwrites the above style, until the lightbox is written to the DOM and becomes the new last-child. */
#chromeContainer .chrome:last-child {
filter: blur(0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment