Created
January 5, 2012 17:44
-
-
Save scottkellum/1566317 to your computer and use it in GitHub Desktop.
Blur content on lightbox in Treesaver
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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